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前 言 


Dreamweaver 以 其 方便 的 可 视 化 编辑 功能 、 强 大 的 站 点 管理 功能 ， 让 用 户 可 以 快 
速 创 建 网 页 而 无 须 编写 任何 代码 , 同时 还 可 以 方便 地 从 其 他 软件 (如 Fireworks、 Flash 
等 ) 导入 对 象 ， 大 大 优化 了 开发 工作 的 流程 ， 无 疑 是 目前 网 页 设计 领域 的 最 佳 软件 。 


而 ASP 环 境 ， 因 为 语法 简单 而 且 功 能 强大 ， 同 时 能 与 Windows 的 操作 系统 无 颖 结 
合 ， 所 以 一 经 推出 ， 就 得 到 广大 用 户 的 欢迎 ， 并 迅速 成 为 各 类 网 站 制作 的 主流 开发 
环境 。 网 络 上 大 大 小 小 的 网 站 ， 大 多 都 采用 ASP 技 术 制作 。 目 前 ， 各 种 类 型 的 ASP 网 
站 源 代码 在 网 络 上 随处 可 见 ， 这 样 大 大 降低 网 站 制作 的 门槛 。 为 了 方便 用 户 快速 学 
会 Dreamweaver+ASP 动 态 网 站 开发 ， 笔 者 特 编 写 了 本 书 。 


本 书 以 Dreamweaver CC 网 页 制作 与 ASP 动 态 功能 模块 开发 为 学 习 主线 ， 并 从 网 
站 设计 师 最 基本 但 必须 掌握 的 设计 知识 讲 起 ， 让 读者 了 解 什么 是 网 页 和 网 站 设计 、 
设计 的 原则 和 流程 等 ， 然 后 再 详细 、 系 统 地 剖析 了 使 用 Dreamweaver CC 这 个 流行 的 
网 页 制作 软件 来 设计 网 页 和 ASP 动 态 网 站 系统 的 知识 , 使 读者 能 够 通过 Dreamweaver、 
ASP、Access 的 完美 组 合 来 创建 一 个 动态 网 站 并 在 搜索 引擎 中 将 网 站 进行 优化 。 


本 书 讲述 的 主要 技术 包括 Dreamweaver CC 的 新 增 功能 、 个 人 网 站 、 留 言 板 网 站 、 
新 闻 发 布 网 站 、 投 票 网 站 、 论 坛 网 站 、 博 客 网 站 、 邮 件 收发 系统 、 购 物 类 型 网 站 的 
设计 与 开发 及 搜索 引擎 的 优化 。 每 一 个 类 型 的 网 站 都 按照 总 体 构思 、 页 面 设计 、 数 
据 库 连接 与 其 后 台 管 理 的 方式 来 组 织 篇 幅 ， 使 读者 能 够 全 面 掌 握 动态 网 站 建设 的 
技术 。 


本 书 语言 通俗 易 懂 ， 结 构 从 易 到 难 ， 从 网 站 开发 到 网 站 优化 ， 并 将 知识 点 以 图 
文 的 形式 融入 到 每 一 个 案例 中 ， 使 读者 在 学 习 理论 知识 的 同时 ， 动 手 能 力也 得 到 同 
步 提 高 。 另 外 ， 随 书 下 载 资源 (网址 为 http://pan.baidu.com/s/19Yq02MK， 注 意 区 分 
字母 的 大 小 写 以 及 数字 和 字母 ) 还 提供 了 书 中 所 有 实例 的 网 站 源 代 码 和 相关 文件 。 
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第 1 章 动态 网 站 开发 基础 


随 着 互联 网 的 迅速 推广 , 越 来 越 多 的 企业 和 个 人 得 益 于 网 络 的 发 展 和 壮大 , 越 来 越 多 的 网 
站 如 雨后春笋 般 纷 纷 涌现 , 但 是 人 们 越 来 越 不 满足 于 文字 图 片 等 静止 不 动 的 页 面 效果 , 所 以 动 
态 网 站 开发 越 来 越 占据 网 站 开发 的 主流 。 

动态 网 站 开发 其 实 并 不 难 ， 只 要 掌握 网 站 开发 工具 的 用 法 ， 了 解 网 站 开发 的 流程 和 技术 ， 加 
上 自己 的 想象 力 ， 一 切 都 可 以 实现 。 本 章 首先 介绍 网 站 的 规划 、 域 名 的 申请 等 网 站 开发 必 备 基础 
和 准备 工作 ， 然 后 介绍 最 流行 的 中 小 型 动态 网 站 开发 平台 Dreamweaver CC+ASP+IIS+Access 的 拱 
建 方法 ， 为 动态 网 站 开发 做 好 准备 。 
本 章 重 要 知识 点 >>>>>>>>>> 
了 解 网 站 建设 的 工作 流程 
掌握 网 站 建设 的 规划 方法 
掌握 域名 的 申请 与 使 用 
熟练 掌握 ASP 动态 网 站 平台 的 搭建 
了 解 使 用 Dreamweaver CC 进行 网 站 建设 的 基本 步骤 


1.1 网 站 建设 工作 流程 





在 建设 网 站 之 前 , 首先 需要 明确 网 站 的 建设 目的 、 访 问 用 户 定位 、 实 现 的 功能 、 发 布 时 间 、 
成 本 预算 、 网 站 风格 等 。 网 站 建成 后 ， 需 要 维护 和 推广 ， 网 站 的 基本 工作 流程 如 图 1-1 所 示 。 


1.1.1 定位 网 站 的 主题 


确定 网 站 的 主题 名 称 ， 尽 量 使 其 好 听 、 好 记 、 有 意义 ， 还 要 有 新 意 。 因 为 网 站 的 名 称 直接 
关系 到 浏览 者 是 否 容易 接受 所 访问 的 网 站 ， 所 以 确定 网 站 名 称 要 注意 以 下 几 点 。 


@ 名 称 要 合法 、 合 理 、 合 情 。 不 能 用 反动 的 、 色 情 的 、 迷 信 的 、 危 害 社会 安全 的 名 词语 名 。 

e 网 站 名 称 要 明确 用 户 群体 ， 如 “中 国旅 游 网 ”针对 旅游 爱好 者 、“ 交 友 网 ”针对 爱 
交 朋 友 的 人 群 等 。 

e 名 称 要 易 记 ， 不 要 太 抛 口 、 生 个 。 根 据 中 文 网 站 浏览 者 的 特点 ， 除 非特 定 需要 ， 网 
站 名 称 最 好 用 中 文 名 称 ， 不 要 使 用 英文 或 者 中 英文 混合 型 名 称 。 

e 主题 要 小 而 精 。 定 位 要 小 ， 内 容 要 精 。 如 果 你 想 制作 一 个 包罗 万 象 的 站 点 ， 把 所 有 
你 认为 精彩 的 东西 都 放 在 上 面 ， 那 么 往往 会 事与愿违 ， 给 人 的 感觉 是 没有 主题 ， 没 
有 特色 。 
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。 题材 最 好 是 你 自己 擅长 或 者 喜爱 的 内 容 。 比 如 ， 你 擅长 编程 ， 就 可 以 建立 一 个 编程 
爱好 者 网 站 ; 对 足球 感 兴趣 ， 可 以 报道 最 新 的 战况 、 球 星 动态 等 。 这 样 在 制作 时 ， 
才 不 会 觉得 无 聊 或 者 力不从心 。 兴 趣 是 制作 网 站 的 动力 ， 没 有 热情 ， 很 难 设 计 出 杰 
出 的 作品 。 


定位 网 站 的 建设 主题 
拟定 网 站 访问 群体 
搜集 网 站 的 资源 
设计 网 站 结构 图 


网 站 的 结构 规划 


租用 服务 空间 或 购买 服务 器 ) 
设计 准备 工作 设计 网 页 的 CI 效果 
设计 网 页 内 容 


设计 网 站 文件 夹 
设置 本 地 站 点 

设置 服务 器 端 站 点 
网 页 的 开发 与 设计 


设计 实现 


服务 器 的 安全 性 
维护 与 推广 一 一 > | 网 站 的 推广 
网 站 的 数据 内 容 更 新 





图 1-1 网 站 的 基本 工作 流程 

不 管 要 建设 的 是 一 个 单纯 传播 信息 的 公益 网 站 , 还 是 商务 网 站 , 只 有 在 明确 了 网 站 的 主题 
后 ， 才 可 以 更 好 地 进行 后 续 的 开发 工作 。 

1.1.2 ”定位 网 站 的 Cl 形象 

所 谓 CI， 是 借用 的 广告 术语 。CI 是 英文 Corporate Image 的 缩写 , 意思 是 通过 视觉 来 统一 企 
业 的 形象 。 

一 个 杰出 的 网 站 ， 和 实体 公司 一 样 ， 也 需要 整体 的 形象 包装 和 设计 。 准 确 的 、 有 创意 的 
CI 设计 ,对 网 站 的 宣传 推广 有 事半功倍 的 效果 。 在 你 的 网 站 主题 和 名 称 定 下 来 之 后 ， 需 要 思考 
的 就 是 网 站 的 CI 形象 。 

1. 设计 网 站 的 标志 

首先 你 需要 设计 一 个 网 站 的 标志 (Logo) 。 就 如 同 商标 一 样 ，Logo 是 站 点 特色 和 内 涵 的 
集中 体现 ， 要 让 大 家 看 见 Logo 就 联想 起 你 的 站 点 。 网 站 Logo 的 素材 主要 来 自 以 下 几 方面 。 

e 网 站 有 代表 性 的 人 物 、 动 物 、 花 草 ， 可 以 用 它们 作为 设计 的 蓝本 ， 加 以 卡通 化 和 艺 

术 化 ， 例 如 迪士尼 的 米 老 鼠 、 搜 狐 的 卡通 狐狸 、 效 威 体坛 的 篮球 效 鱼 等 。 
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@ 专业 性 的 网 站 ， 可 以 以 本 专业 有 代表 性 的 物品 作为 标志 。 例 如 ， 中 国 银行 的 铜板 标 
志 、 奔 驰 汽车 的 方向 盘 标 志 等 。 

。 最 常用 和 最 简单 的 方法 是 用 自己 网 站 的 英文 名 称 作为 标志 。 采 用 不 同 的 字体 、 字 母 
的 变形 、 字 母 的 组 合 可 以 很 容易 地 制作 自己 的 标志 。 

2. 设计 网 站 的 标准 色彩 

网 站 给 人 的 第 一 印象 来 自视 觉 冲击 , 确定 网 站 的 标准 色彩 是 相当 重要 的 一 步 。 不 同 的 色彩 

搭配 产生 不 同 的 效果 ， 并 可 能 影响 到 访问 者 的 情绪 。 

。 选择 可 以 加 强 信息 的 颜色 来 了 解 你 的 网 站 所 要 传达 的 信息 和 品牌 。 例 如 ， 设 计 一 个 
强调 稳健 的 金融 机 构 ， 就 要 选择 冷色 系 、 和 柔和 的 颜色 ， 像 是 蓝 、 灰 或 绿 。 在 这 样 的 
状况 下 ， 如 果 使 用 暖色 系 或 活泼 的 颜色 ， 可 能 会 破坏 该 网 站 品牌 。 

日 了 解 你 的 访问 群体 。 文 化 差异 可 能 会 使 色彩 产生 非 预期 的 反应 。 同 时 不 同 地 区 与 不 
同年 龄 层 对 颜色 的 反应 亦 会 有 所 不 同 。 年 轻 族群 一 般 比 较 喜 欢 饱和 色 ， 但 这 样 的 颜 
色 却 引 不 起 高 年 龄 层 的 兴趣 。 

日 不 要 使 用 过 多 的 颜色 。 除 了 黑色 和 白色 以 外 ， 选 择 四 到 五 个 颜色 就 够 了 。 太 多 的 颜 
色 会 导致 混淆 。 

。 在 阅读 的 部 分 使 用 对 比 色 。 颜 色 太 接近 无 法 产生 足够 的 对 比 效果 ， 也 会 妨碍 访问 者 
阅读 。 白 底 黑 字 的 阅读 效果 最 好 。 

日 选择 色 盘 时 请 考虑 功能 性 的 颜色 。 别 忘 了 将 关键 信息 部 分 建立 功能 性 的 颜色 ， 例 如 
标题 和 超级 链接 等 。 

3. 设计 网 站 的 标准 字体 

和 标准 色彩 一 样 ， 标 准 字体 是 指 用 于 标志 、 标 题 、 主 菜单 的 特有 字体 。 一 般 网 页 默认 的 字 

体 是 宋体 。 为 了 体现 站 点 的 与 众 不 同和 特有 风格 ， 可 以 根据 需要 选择 一 些 特别 字体 。 


4. 设计 网 站 的 宣传 标语 
宣传 标语 也 可 以 说 是 网 站 的 精神 、 网 站 的 目标 ， 用 一 句 话 甚至 一 个 词 来 高 度 概 括 。 
1.1.3 ”确定 网 站 栏目 


栏目 的 实质 是 一 个 网 站 的 大 纲 索 引 , 索引 应 该 将 网 站 的 主体 明确 显示 出 来 。 在 制定 栏目 的 
时 候 ， 要 仔细 考虑 ， 合 理 安排 。 一 般 的 网 站 栏目 安排 要 注意 以 下 几 方 面 。 


1. 一 定 要 紧 扣 主题 

一 般 的 做 法 是 : 将 主题 按 一 定 的 方法 分 类 并 将 它们 作为 网 站 的 主 栏目 。 主题 栏目 个 数 在 总 
栏目 中 要 占 绝对 优势 ， 这 样 的 网 站 显得 专业 ， 主 题 突出 ， 容 易 给 人 留 下 深刻 印象 。 

2. 设立 一 个 最 近 更 新 或 网 站 指南 栏目 

如 果 你 的 首页 没有 安排 版 面 放置 最 近 更 新 内 容 信 息 ,就 有 必要 设立 一 个 “最 近 更 新 ”的 栏 
目 。 这 样 做 是 为 了 照顾 常 来 的 访客 ， 让 你 的 主页 更 人 性 化 。 
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如 果 你 的 主页 内 容 庞大 (超过 15MB) ， 层 次 较 多 ， 而 又 没有 站 内 的 搜索 引擎 ， 建 议 你 设 
置 “ 本 站 指南 ”栏目 。 可 以 帮助 初 访 者 快速 找到 他 们 想 要 的 内 容 。 


3. 设 定 一 个 可 以 双向 交流 的 栏目 


不 需要 很 多 , 但 一 定 要 有 ， 比 如 论坛 、 留 言 板 、 邮 件 列表 等 ， 可 以 让 浏览 者 留 下 他 们 的 信 
息 。 有 调查 表明 ， 提 供 双 向 交流 的 站 点 比 简单 的 留 一 个 Email me 的 站 点 更 具有 亲和力 。 


1.1.4 确定 网 站 的 整体 风格 


任何 两 个 人 都 不 可 能 设计 出 完全 一 样 的 网 站 , 最 主要 的 原因 是 他 们 的 风格 是 不 一 样 的 。 那 
么 风格 是 什么 ， 如 何 树立 网 站 风格 ? 


。 风格 是 抽象 的 ， 是 指 站 点 的 整体 形象 给 浏览 者 的 综合 感受 。 这 个 整体 形象 包括 站 点 
的 CI ( 标志、 色彩 、 字 体 、 标 语 ) 、 版 面 布局 、 浏 览 方式 、 交 互 性 、 文 字 、 语 气 、 
内 容 价值 、 存 在 意义 、 站 点 荣誉 等 诸多 因素 。 

。 风格 是 独特 的 ， 是 站 点 不 同 于 其 他 网 站 的 地 方 ， 或 者 是 色彩 ， 或 者 是 技术 ， 或 者 是 
交互 方式 ， 能 让 浏览 者 明确 分 辨 出 这 是 你 的 网 站 独 有 的 。 

。 风格 是 有 人 性 的 ， 通 过 网 站 的 外 表 、 内 容 、 文 字 ， 可 以 概括 出 一 个 站 点 的 个 性 和 情 
缮 。 是 温文 侨 雅 、 是 执著 热情 、 是 活 没 易 变 还 是 放任 不 羁 。 如 诗词 中 的 “豪放 派 ” 
和 “六 约 派 ”， 你 可 以 用 人 的 性 格 来 比喻 站 点 。 

如 何 树立 网 站 风格 呢 ? 我 们 可 以 分 以 下 三 个 步骤 。 


01 确信 风格 是 建立 在 有 价值 的 内 容 之 上 的 。 一 个 网 站 有 风格 而 没有 内 容 ， 就 好 比 绣花 枕头 
一 包 草 , 好 比 一 个 性 格 傲慢 但 却 目 不 识 丁 的 人 。 你 首先 必须 保证 内 容 的 质量 和 价值 性 。 这 是 最 基本 
的 ， 无 须 置疑 。 

02 需要 彻底 搞 清楚 自己 希望 站 点 给 人 的 印象 是 什么 。 

03 在 明确 自己 的 网 站 印象 后 ， 开 始 努力 建立 和 加 强 这 种 印象 。 


风格 的 形成 不 是 一 次 定位 的 ， 可 以 在 实践 中 不 断 强化 、 调 整 和 修饰 。 
1.1.5 设计 网 站 结构 


一 个 网 页 是 否 吸引 人 ， 除 了 取决 于 网 页 色彩 的 搭配 、 文 字 的 变化 、 图 片 的 处 理 等 , 还 有 一 
个 非常 重要 的 因素 一 一 网 页 的 结构 设计 (也 称 网 页 布局 ) 。 网 页 的 布局 可 以 使 用 Dreamweaver 
的 表格 、 框架 以 及 图 层 对 象 来 搭建 完成 ,下面 就 来 介绍 网 页 的 布局 类 型 。 网 页 布局 大 致 可 分 为 
国字 型 、 拐 角 型 、 标 题 正文 型 、 左 右 框 架 型 、 上 下 框架 型 、 综 合 框架 型 、 封 面 型 、Flash 型 等 。 


。 国字 型 : 是 一 些 大 型 网 站 常用 的 类 型 ， 即 最 上 面 是 网 站 的 标题 及 横幅 广告 条 ， 接 下 
来 是 网 站 的 主要 内 容 ， 左 右 分 列 一 些小 条 内 容 ， 中 间 是 主要 部 分 ， 与 左右 一 起 罗列 
到 底 ， 最 下 面 是 网 站 的 基本 信息 、 联 系 方式 、 版 权 声 明 等 ， 这 种 结构 是 在 网 上 见 到 
最 多 的 一 种 结构 类 型 ， 如 图 1-2 所 示 。 
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图 1-2 国字 型 网 页 布局 


。 拐角 型 : 这 种 类 型 最 上 面 是 标题 和 广告 模 幅 ， 左 侧 是 一 些 链接 ， 右 侧 是 正文 ， 下 面 
是 网 站 的 辅助 信息 ， 如 图 1-3 所 示 。 
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图 1-3 拐角 型 网 页 布局 


。 标题 正文 型 : 这 种 类 型 最 上 面 是 标题 或 标志 ， 下 面 是 正文 ， 如 一 些 文章 页 面 或 注册 
页 面 就 是 这 种 类 型 ， 如 图 1-4 所 示 。 





Dreamweaver CC+ASP 动态 网 站 建设 与 典型 实例 





EIEIES 


注册 步 轨 。1 选择 吾 录 名 - 2. 注 由 成 功 


-ls 
A 


mA 


人 村 “ 个 ”于 二 委 于 交 “ 宇 本 各 下” 于 I 个 芭 于 以 
R 


是 一半 过 天 一 | 
ER 
s:05 男 = 工 画 8 工 男 9 
和 
人 -二 人 RE 
背 拓 -前 听 可 
投亲 上 ,网 
口 “ 广 总， 实证 伟 后 必 于 避 扩 放 户 安 主 


及 芭 于 5 上 上 瑟 旬 这 天 三 的 生 ， 





图 1-4 标题 正文 型 网 页 布局 
。 左右 框架 型 : 这 是 一 种 框架 结构 ， 一 般 左 侧 是 导航 链接 ， 有 时 最 上 面 会 有 一 个 小 的 
标题 或 标志 ， 右 侧 是 正文 。 一 般 大 型 论坛 都 是 这 种 结构 ， 有 一 些 网 站 也 喜欢 采用 此 
结构 。 此 结构 非常 清晰 ， 一 目 了 然 ， 如 图 1-5 所 示 。 
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图 1-5 左右 框架 型 网 页 布局 
。 上 下 框架 型 : 与 左右 框架 型 类 似 ， 区 别 仅 仅 在 于 ， 它 是 一 种 上 下 分 为 两 页 的 框架 结构 。 
e 综合 框架 型 : 左右 框架 型 与 上 下 框架 型 两 种 结构 的 结合 ， 是 相对 复杂 的 一 种 框架 结 
构 ， 整 体 上 类 似 于 “拐角 型 ”结构 ， 只 是 采用 了 框架 结构 ， 如 图 1-6 所 示 
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图 1-6 综合 框架 型 网 页 布局 
。 封面 型 : 这 种 类 型 多 出 现在 网 站 的 首页 ， 内 容 主要 由 精美 的 平面 设计 和 小 动画 组 合 




















而 成 ， 然 后 放 上 简单 的 文字 链接 或 图 片 链接 ， 如 图 1-7 所 示 。 
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图 1-7 封面 型 网 页 布局 


ee Flash 型 : 这 种 结构 与 封面 型 结构 类 似 ， 只 是 采用 了 目前 非常 流行 的 Flash 进行 开发 
制作 ， 与 封面 型 不 同 的 是 ， 由 于 Flash 强大 的 功能 ， 页 面 所 表达 的 信息 更 丰富 ， 能 提 
供 更 多 变化 的 动画 ， 如 图 1-8 所 示 。 


杰 威 娜 咖啡 ， 与 音乐 一 起 舞动 ! 


ke “lb 
图 1-8 Flash 型 网 页 布局 





1.1.6 首页 的 设计 

全 面 考虑 好 网 站 的 栏目 和 整体 风格 之 后 , 就 可 以 正式 动手 制作 首页 了 。 首页 的 设计 是 一 个 
网 站 成 功 与 否 的 关键 。 人 们 往往 看 到 首页 就 已 经 对 你 的 站 点 有 一 个 整体 的 感觉 了 , 是 否 能 够 促 
使 访问 者 继续 单 击 进入 ， 是 否 能 够 吸引 访问 者 留 在 站 点 上 , 全 赁 首页 设计 的 功力 了 。 所 以 , 首 
页 的 设计 和 制作 是 绝对 要 重视 和 花心 思 的 。 一 般 首 页 设计 和 制作 占 整 个 制作 时 间 的 30% 以 上 。 
宁可 在 早期 多 花 些 时 间 ， 避 免 出 现 全 部 做 好 以 后 再 修改 的 情况 ， 那 将 是 最 浪费 精力 的 事情 。 

1. 确定 首页 的 功能 模块 

首页 的 功能 模块 是 指 需要 在 首页 上 实现 的 主要 内 容 和 功能 。 一般 的 站 点 需要 的 模块 有 : 网 
站 名 称 (Logo) 、 广 告 条 (Banner) 、 主 菜单 (Menu) 、 新 闻 (News) 、 搜 索 (Search) 、 
友情 链接 (Links) 、 版 权 〈Copyright) 等 。 

2. 设计 首页 的 版 面 布局 


在 功能 模块 确定 后 ， 开 始 设计 首页 的 版 面 。 就 像 传统 的 报刊 编辑 一 样 ， 可 以 将 网 页 看 作 一 张 
报纸 、 一 本 杂志 来 进行 排版 布局 ， 所 以 固定 的 网 页 版 面 设 计 基础 依然 是 必须 学 习 和 掌握 的 。 
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版 面 指 的 是 浏览 器 看 到 的 一 个 完整 的 页 面 ( 可 以 包含 框架 和 层 ) 。 因 为 每 个 人 的 显示 器 分 
辨 率 不 同 ， 所 以 同一 个 页 面 的 大 小 可 能 出 现 640x480 像素) 、800x600〔 像 素 ) 、1024x768 
(像素 ) 等 不 同 尺 寸 。 

布局 就 是 以 最 适合 浏览 的 方式 将 图 片 和 文字 排放 在 页 面 的 不 同位 置 。 版 面 布局 的 流程 如 下 。 

(1) 绘制 草案 

新 建 页 面 就 像 一 张 白 纸 ,没有 任何 表格 、 框 架 和 约定 俗 成 的 东西 ， 可 以 尽情 发 挥 你 的 想象 
力 ， 将 想到 的 景象 画 上 去 。 这 属于 创造 阶段 ， 不 讲究 细腻 工整 ， 不 必 考虑 细节 功能 ， 只 以 粗 陋 
的 线条 勾画 出 创意 的 轮廓 即 可 。 尽 可 能 多 画 几 张 ， 最 后 再 选 一 个 满意 的 作为 继续 创作 的 脚本 。 


(2 ) 粗略 布局 

在 草案 的 基础 上 , 将 你 确定 需要 放置 的 功能 模块 安排 到 页 面 上 。 注意 ， 这 里 我 们 必须 遵循 
突出 重点 、 平 衡 协调 的 原则 ， 将 网 站 标志 、 主 菜单 等 重要 的 模块 放 在 最 显眼 、 最 突出 的 位 置 ， 
然后 再 考虑 次 要 模块 的 摆 放 。 

(3) 定案 

将 粗略 布局 精细 化 、 有 具体 化 。 


1.1.7 拟定 网 站 访问 群体 


在 定位 好 网 站 的 主题 .首页 后 ,就 要 考虑 网 站 的 服务 对 象 了 。 那 么 网 站 的 服务 对 象 是 谁 呢 ? 
首先 必须 明确 哪些 人 会 有 兴趣 来 浏览 将 要 建设 的 网 站 , 因为 只 有 明确 受众 的 需求 , 才能 正确 地 
分 析 与 网 站 相关 的 各 种 信息 , 把握 网 站 的 传播 要 点 将 经 营 理念 展现 出 来 , 从 而 吸引 更 多 的 顾客 ， 
达到 网 站 建设 的 目标 。 

这 里 以 迪士尼 网 站 为 例 来 说 明 网 站 建设 拟定 网 站 访问 群体 的 重要 性 .迪士尼 网 站 的 首页 如 
图 1-9 所 示 。 该 网 站 的 访问 者 主要 是 儿童 ， 因 此 ， 从 内 容 结 构 到 颜色 的 设计 都 是 从 儿童 的 喜好 
出 发 ， 制 作 的 网 站 内 容 很 有 趣味 性 ， 能 让 孩子 一 下 子 就 喜欢 上 这 个 网 站 。 
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! 网 站 中 采用 了 能 ! 
吸引 儿童 的 色彩 ! 
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图 1-9 访问 群体 明晰 的 迪士尼 网 站 
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1.1.8 搜集 网 站 的 资源 


在 网 站 建设 过 程 中 常常 需要 大 量 的 素材 资料 ， 比 如 新 闻 发 布 、 产 品 技术 知识 、 行 业 动态 、 
相关 图 片 等 , 其 中 可 以 在 网 上 或 者 是 通过 其 他 途径 搜集 到 的 资料 来 进行 内 容 的 充实 , 一 个 很 好 
的 方法 是 到 谷歌 (http://www.google.com ) 、 百 度 (http://www.baidu.com ) 、 北 大 天 网 

(http://e.pku.edu.cn/) 、 雅 虎 中国 (http://cn.yahoo.com/) 和 搜狗 (http://www.sogou.com/) 等 
搜索 网 站 上 查找 相应 的 内 容 。 

下 面 以 使 用 百度 搜索 “ 猫 ” 素 材 为 例 来 说 明 如 何 使 用 搜索 引擎 ， 操 作 步 又 如 下 : 


01 打开 IE 浏览 器 ， 在 地 址 栏 中 输入 百度 网 址 ，http://www.baidu.com， 然 后 按 Enter 键 ， 打 
开 百 度 首页 。 

02 由 于 是 要 查找 图 片 素材 ， 所 以 单 击 导 航 条 上 的 “图 片 ”链接 ， 打 开 图 片 搜索 页 ， 然 后 在 
文本 框 中 输入 需要 搜索 的 关键 字 “ 猫 ”如 图 1-10 所 示 。 






































在 空白 文本 框 中 输 
入 要 查找 的 内 容 , 再 
单 击 “ 百 度 一 下 ” 按 
钮 就 可 以 进行 查找 








图 1-10 输入 搜索 关键 字 
03 单 击 “ 百 度 一 下 ”按钮 ， 打 开 搜 索 结果 页 面 ， 如 图 1-11 所 示 。 








Ee 




















图 1-11 搜索 到 的 结果 
04 如 果 想 保存 其 中 的 一 个 素材 图 片 ， 可 以 单 击 缩 略 图 ， 然 后 打开 它 的 大 图 ， 在 打开 的 大 图 
































上 单 击 鼠标 右键 ,选择 “图 片 男 存 为 ”命令 ,打开 “保存 图 片 ”对 话 框 ， 在 “文件 名 ”文本 框 中 输 
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入 需要 保存 的 文件 名 ， 最 后 单 击 “保存 ”按钮 ， 即 可 把 素材 保存 到 “图 片 收藏 ”文件 夹 中 ， 


1-12 所 示 。 




















图 1-12 保存 素材 








攻 
默认 的 保存 类 型 为 
JPEG 格式 ， 还 有 
BMP 与 GIF 格式 ; 
常用 的 图 片 格式 为 
GIF 和 JPEG 格式 


如 图 


在 使 用 这 些 资源 的 时 候 ， 需 要 注意 版 权 问题 ， 要 事先 和 版 权 所 有 者 联系 ， 在 取得 


访 ”授权 的 情况 下 才 可 以 使 用 。 
提 示 


1.1.9 规划 网 站 文件 及 目录 


在 制作 网 站 之 前 , 首先 要 把 设计 好 的 网 站 内 容 放 置 在 本 地 计算 机 的 硬盘 上 。 为 了 方便 站 点 


的 设计 及 上 传 ， 设 计 好 的 网 页 都 应 存储 在 同一 个 目录 下 ， 再 用 合理 的 文件 夹 来 管理 文档 。 


1. 建立 站 点 文件 夹 


在 本 地 站 点 中 应 该 用 文件 夹 来 合理 地 创建 文档 结构 。 首 先 为 站 点 创建 一 个 主要 文件 夹 , 然 
后 在 主 文件 夹 中 再 创建 多 个 子 文件 夹 ， 最 后 将 网 站 内 容 分 类 存储 到 相应 的 文件 夹 下 。 例 如， 可 
以 在 images 的 文件 夹 中 放置 网 站 页 面 的 图 片 ， 可 以 在 about 文 件 夹 中 放置 用 于 介绍 公司 的 网 页 ， 
可 以 在 service 文 件 夹 中 放置 关于 公司 产品 方面 的 网 页 , 可 以 在 db 文件 夹 中 放置 站 点 中 所 用 到 的 


数据 库 等 。 图 1-13 所 示 为 建立 的 站 点 文件 夹 文档 。 








图 1-13 在 本 地 硬盘 上 建立 网 站 的 文件 夹 





1 一 个 优秀 的 网 站 设 1 


一! 计 师 对 网 站 的 站 点 ! 


! 文件 夹 有 一 定 的 规 ， 
! 划 ， 相 应 的 文件 放 ! 
! 入 到 相应 的 文件 来 ! 
! 中 以 方便 编辑 和 查 ! 


! 找 文件 ! 
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2. 设计 合理 的 文件 名 称 


由 于 网 站 建设 要 生成 很 多 的 网 页 文件 ,因此 要 用 合理 的 文件 名 称 。 这 样 操作 的 目的 有 两 个 : 
一 是 当 网 站 的 规模 变 得 很 大 时 , 可 以 很 方便 地 进行 修改 和 更 新 ; 二 是 可 以 使 访问 者 在 看 了 网 页 
的 文件 名 后 就 能 够 知道 网 页 所 要 表述 的 内 容 。 

在 设计 合理 的 文件 名 时 要 注意 以 下 几 方 面 。 


。 尽量 使 用 短文 件 名 来 命名 。 

e 应 该 避免 使 用 中 文 文件 名 ， 因 为 很 多 Internet 服务 器 使 用 的 是 英文 操作 系统 ， 不 能 对 
中 文 文件 名 提供 很 好 的 支持 ， 而 且 浏 览 网 站 的 用 户 也 可 能 使 用 英文 操作 系统 ， 中 文 
文件 名 同样 可 能 导致 浏览 错误 或 访问 失败 。 

e 建议 在 构建 的 站 点 中 全 部 使 用 小 写 的 文件 名 称 。 因 为 很 多 Internet 服 务 器 采用 了 UNIX 
操作 系统 ， 它 是 区 分 文件 大 小 写 的 。 


3. 设计 本 地 和 远程 站 点 为 相同 的 文件 结构 


在 本 地 站 点 中 规划 设计 的 网 站 文件 结构 要 同上 传 到 Internet 服 务 器 中 被 人 浏览 的 网 站 文件 
结构 相同 ,这 样 在 本 地 站 点 上 相应 的 文件 夹 和 文件 上 的 操作 都 可 以 同 远程 站 点 上 的 文件 夹 和 文 
件 一 一 对 应 起 来 。Dreamweaver 将 整个 站 点 上 传 到 Internet 服 务 器 上 ， 可 以 保证 远程 站 点 和 本 地 
站 点 内 容 的 一 致 性 ， 以 方便 浏览 和 修改 。 


1.2 域名 的 申请 与 使 用 


建立 一 个 网 站 ,首先 要 有 一 个 自己 的 网 站 地 址 〈 简 称 “ 网 址 ”) 。 网 址 是 由 域名 来 决定 的 。 
因此 若 想 建立 网 站 ， 首 先 需要 注册 或 转 入 一 个 域名 。 域 名 是 Internet 网 络 上 的 一 个 服务 器 或 一 
个 网 络 系统 的 名 字 。 域 名 是 独一无二 的 ， 而 且 一 般 都 采取 先 注册 先 得 到 的 申请 方法 。 


1.2.1 网 站 的 IP 地 址 


在 Intermet 上 有 成 千 上 万 台 主 机 同时 在 线 ， 为 了 区 分 这 些 主机 ， 给 每 台 主 机 都 分 配 了 一 个 
专门 的 地 址 ， 称 为 IP 地 址 。 通 过 IP 地 址 就 可 以 访问 到 每 一 台 主 机 。 

IP 地 址 由 4 部 分 数字 组 成 ， 每 部 分 都 不 大 于 256， 各 部 分 之 间 用 小 数 点 分 开 。 例 如 
www.baidu.com 就 是 220.181.111.188 的 域名 ， 在 DOS 操 作 系 统 下 用 ping www.baidu.com 就 可 以 
知道 该 域名 的 耻 地 址 ， 如 图 1-14 所 示 。 

值得 注意 的 是 ， 每 个 虚拟 主机 用 户 都 有 一 个 永久 的 IP 地 址 。 


(7 byte 是 字 节 ， 是 指 你 向 对 方 发 送 了 一 个 32 字 节 的 数据 包 ，32 字 节 是 ping 命令 默 

认 的 ; time 是 发 送 和 返回 所 用 的 时 间 ， 时 间 越 短 说 明 网 速 越 快 ，ms 是 毫秒 ; TTL 

提 示 的 全 拼 是 Time To Live， 是 在 ping 命令 中 使 用 的 网 络 层 协议 ICMP， 所 以 TTL 是 
一 个 网 络 层 的 网 络 数据 包 (package ) 的 生存 周期 。 
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从 图 中 可 以 知道 wwwxhtycom 
的 IP 地 址 是 60.10.1.50， 最 快 
网 络 速度 为 312ms， 最 慢 为 
324ms， 平 均 为 318ms。 











图 1-14 ping 域名 所 指向 的 卫 地 址 
1.2.2 ”域名 的 概念 


域名 由 若干 部 分 组 成 ， 各 部 分 之 间 用 小 数 点 分 开 。 例 如 设计 “博学 教育 ”主机 的 域名 为 
域名 比 IP 地 址 好 记 多 了 。 域 名 前 加 上 传输 协议 信息 及 主机 类 型 信息 就 构成 
了 网 址 (URL) ， 例 如 “博学 教育 ”的 WWW 主 机 的 URL 就 是 “http://www.eduboxue.com”。 
1.2.3 ”域名 类 型 


由 于 Internet 源 于 美国 ， 因 此 最 早 的 域名 并 无 国家 标志 ， 人 们 按 用 途 把 它们 分 为 几 个 大 类 ， 
它们 分 别 以 不 同 的 扩展 名 结尾 ， 随 着 网 络 的 发 展 产生 了 带 国 家 区 域 的 域名 : 





沪 


“eduboxue”， 显 然 


.com 用 于 商业 公司 
.Org 用 于 组 织 、 协 会 等 
.net 用 于 网 络 服务 
.edu 用 于 教育 机 构 
.goV 用 于 政府 部 门 


.mil 用 于 军事 领域 
.cn 中 国 专用 的 顶级 域名 


这 里 要 注意 的 是 ， 以 .cn 结尾 的 二 级 域名 通常 简称 为 国内 域名 。 注 册 国 际 域名 没有 条 件 限 
制 ， 单 位 和 个 人 均 可 以 申请 。 注 册 国 内 域名 必须 具备 法 人 资格 ， 申 请 人 需 将 申请 表 加 盖 公 章 ， 
连同 单位 营业 执照 副本 复印 件 〈 或 政府 机 构 条 码 证 书 复 印 件 ) 一 同 提 交 才 能 申请 注册 。 
国际 域名 与 国内 域名 在 功能 上 没有 任何 区 别 , 都 是 互联 网 上 具有 唯一 性 的 标志 。 只 是 在 最 
终 管理 机 构 上 ， 国际 域名 由 美国 商业 部 授权 的 ICANN (Internet Corporation for Assigned Names 
and Numbers) 负责 注册 和 管理 ， 而 国内 域名 则 由 中 国 互联 网 络 信息 中 心 (CNNIC) 负责 注册 
和 管理 。 企 业 可 以 按照 自己 公司 的 英文 名 称 、 中 文 名 称 的 汉语 拼音 或 者 用 其 他 易 记 的 数字 和 字 
母 设 置 域名 ， 并 通过 专门 的 代理 公司 申请 注册 。 
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另外 还 要 介绍 一 下 中 文通 用 域名 ， 它 是 由 CNNIC 推 出 并 管理 的 域名 。 中 文通 用 域名 的 长 
度 在 30 个 字符 以 内 ， 人 允许 使 用 中 文 、 英 文 、 阿 拉 伯 数字 及 “-” 等 字符 。 中 文通 用 域名 兼容 简 
体 与 繁体 ， 无 须 重复 注册 。 


1.2.4 域名 申请 


从 商业 角度 来 看 ， 域 名 是 “企业 的 网 上 商标 ”。 企 业 都 非常 重视 自己 的 商标 ， 而 作为 网 上 
商标 的 域名 , 其 重要 性 和 其 价值 也 已 被 全 世界 的 企业 所 认识 。 域 名 和 商标 都 在 各 自 的 范畴 内 具 
有 唯一 性 。 从 企业 树立 形象 的 角度 看 , 域名 和 商标 有 着 潜移默化 的 联系 ， 所 以 域名 与 商标 有 一 
定 的 共同 特点 。 许 多 企业 在 选择 域名 时 往往 希望 用 和 自己 企业 商标 一 致 的 域名 。 但 是 , 域名 和 
商标 相 比 又 具有 更 强 的 唯一 性 。 从 域名 价值 角度 来 看 , 域名 是 互联 网 上 最 基础 的 东西 ,也 是 一 
个 稀有 的 全 球 资源 ， 无 论 是 做 ICP、 电 子 商务 ， 还 是 在 网 上 开展 其 他 活动 ， 都 要 从 域名 开始 。 
一 个 名 正言 顺和 易于 宣传 推广 的 域名 是 互联 网 企业 和 网 站 成 功 的 第 一 步 。 域 名 还 被 称 为 
“Internet 上 的 房地产 ”。 

在 中 国 ， 域 名 注册 通常 分 为 国内 域名 注册 和 国际 域名 注册 。 目 前 ， 国 内 域名 注册 统一 由 
CNNIC 进 行 管理 ， 具 体 注册 工作 由 通过 CNNIC 认 证 授权 的 各 代理 商 执 行 。 而 国际 域名 注册 现 
在 是 由 一 个 来 自 多 国 私营 部 门人 员 组 成 的 非 营 利 性 民间 机 构 ICANN 统 一 管理 ， 具 体 注 册 工 作 
由 通过 ICANN 授 权 认证 的 各 代理 商 执 行 。 


1. 域名 命名 原则 
一 个 好 的 域名 是 成 功 的 开始 ， 当 你 要 注册 一 个 新 的 域名 时 ， 请 记 住 以 下 域名 命名 原则 。 


ee 易 记 。 网 易 现 在 已 在 品牌 宣传 上 放弃 了 域名 nease.com 和 netease.com， 而 改 用 
163.com， 因 为 后 者 比 前 者 更 好 记 。 

ee 同 商业 活动 有 直接 关系 。 虽 然 有 好 多 域名 很 容易 记 ， 但 如 果 同 你 所 开展 的 商业 活动 
没有 任何 关系 ， 用 户 就 不 能 将 你 的 域名 同 你 的 商业 活动 联系 起 来 ， 这 就 意味 着 你 还 
要 花 钱 宣传 你 的 域名 。 例 如 ， 一 看 到 shop.com 就 知道 是 购物 网 店 。 

@ 长 度 要 短 。 长 度 短 的 域名 不 但 容易 记 ， 而 且 用 户 可 以 花费 更 少 的 时 间 来 输入 。 例 如 ， 
美国 最 大 的 传统 连锁 书店 Bames 及 Noble 开设 了 网 上 书店 ， 原 来 用 的 域名 为 
barnesandnoble.com， 自 从 改 为 bn.com 后 ， 访 问 量 和 销量 有 了 很 大 的 增长 。 

。 正确 拼写 。 如 果 你 以 英文 单词 或 拼音 作为 域名 ， 一 定 要 拼写 正确 。 

e 不 要 侵犯 商标 。 新 的 全 球 域名 政策 规定 所 注册 的 域名 不 能 包含 商标 或 名 人 的 名 字 ， 
如 果 你 的 域名 违反 了 这 条 原则 ， 不 但 会 失去 所 注册 域名 的 拥有 权 ， 而 且 将 被 罚款 和 
起 诉 。 

2. 域名 申请 步 


域名 要 先 申 请 再 批准 ， 即 先 到 先 得 , 批准 后 即 可 得 到 域名 。 可 以 到 以 下 推荐 的 几 个 值得 信 
赖 的 网 站 申请 。 中 国 互联 网 络 信息 中 心 (CNNIC) 注册 服务 机 构 有 中 国 万 网 http:/www.net.cn、 
新 网 http://www.xinnet.com、 国 网 数据 中 心 http://www.7data.com。 下 面 将 以 国 网 数据 中 心 为 例 
简单 说 明 申请 域名 的 实际 操作 步 又 。 
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01 打开 国 网 数据 中 心 网 站 http://www.7datacom。 进 入 首页 界面 ， 单 击 “域名 注册 ”进入 到 
申请 域名 管理 的 界面 ， 如 图 1-15 所 示 。 
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图 1-15 国 网 数据 域名 注册 页 面 


02 在 文本 框 中 输入 想 要 申请 的 域名 ， 选 择 所 需要 申请 的 域名 类 型 ， 单 击 “ 查 询 ” 按 钮 进行 
查询 此 域名 是 否 可 以 使 用 ， 如 图 1-16 所 示 。 





(NN0 : sbe com) om/ .net/ org/46 元 
查询 
了 .em FT .net FT ore Fm .ingo 厂 .biz 厂 .ee 
厂 .tv Du Dw 厂 .ceom.ph 厂 .net.ph 厂 .org ph 
厂 .kk 厂 .us 厂 .tv 厂 .org tv 厂 .iavr tw 厂 .ceo tw 





图 1-16 输入 要 注册 的 域名 查询 是 否 可 以 注册 


03 如 果 要 申请 的 域名 已 被 注册 ， 系 统 会 自动 提醒 ， 如 图 1-17 所 示 。 
04 如 果 所 申请 的 域名 可 以 注册 ， 系 统 会 显示 此 域名 还 没 注册 ， 如 图 1-18 所 示 。 


域名 注册 查询 结果 





以 下 的 域名 还 没有 被 注册 ( 点 击 域名 可 进行 注册 ) || 


eduboxuell. com 





图 1-17 提示 已 注册 的 域名 图 1-18 提示 可 以 注册 的 域名 


05 查询 结果 后 ， 选 择 没有 注册 的 域名 ， 进 入 如 图 1-19 所 示 的 页 面 填写 注册 信息 。 
06 仔细 填写 上 面 各 项 信息 后 单 击 “确定 ”按钮 ， 将 弹出 域名 注册 成 功 提示 对 话 框 。 
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图 1-19 填写 域名 注册 信息 
1.2.5 域名 解析 


在 浏览 网 站 的 时 候 用 户 习惯 记忆 域名 ， 但 机 器 与 机 器 之 间 只 认 耳 地址， 域名 与 耳 地 址 之 间 
是 一 一 对 应 的 , 它们 之 间 的 转换 工作 称 为 域名 解析 。 域名 解析 需要 由 专门 的 域名 解析 服务 器 来 
完成 ， 整 个 过 程 是 自动 进行 的 。 在 注册 域名 之 后 需要 对 域名 进行 解析 ， 即 把 域名 指向 服务 器 卫 
地 址 ， 经 过 24 小 时 (有 些 服务 器 所 用 时 间 可 能 会 短 些 ， 但 最 少 要 经 过 6 小 时 ) 之 后 域名 解析 
才 可 以 生效 , 此 时 用 户 在 IE 浏 览 器 中 输入 域名 地 址 就 会 自动 转向 服务 器 地 址 ， 从 而 实现 对 网 站 
的 访问 。 下 面 以 一 个 实例 来 说 明 如 何 进行 域名 解析 。 


01 单 击 个 人 管理 中 心 的 “域名 业务 管理 ”进入 服务 管理 页 面 ， 可 以 查看 该 账号 申请 的 域名 
及 状态 并 对 此 域名 进行 解析 ， 如 图 1-20 所 示 。 


记 要 帮 示 : 
| 各 果 宫 半生 的 是 下 让 革 中 诸城 名 。 球 么 请 工 款 之 后 在 这 时 正式 注 册 
各 果 郊 忆 经 正式 汪 明 了 域名 ,清洗 细 辐 于 战 名 解析 说 明和 二 名 竺 公 玉 明 


KR 由 | KR 列表 | Cu | 
EE Md 
的 | 于 2 | 地 经 者 下 村 室友 | 译 取 证 慎 | 车 录 | 














人 | 取 1 入 相安 二 年 宅 汉 | 交 到 证 忆 | 灌录 | 





-8 | 2010-5-6 | 大 名 经 宕 重 村 字 色 | 让 取证 所 


2010-4-6 | 并 经 委 重 置 守 汉 | 实职 证 节 





2 |2010-4-2 | 总 名 经 这 重 轩 室友 | 订 取 证 书 








各。 | 或 经 竹 | 重 四 客 | 交 取 证 忆 





2 人 | 戈 名 经 几 | 重 寺 码 | 丈 取 证 有 




















四 
0 生生 | 成 名 经 放生 四 室友 | 实职 让 所 





汇 页 元 亩 一 页 下 -页 弟 ! 页 苇 到 : 人 之 








图 1-20 域名 管理 控制 页 面 
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02 单 击 你 将 要 进行 管理 域名 解析 的 域名 一 栏 的 “登录 ”按钮 ， 进 入 域名 解析 页 面 ， 如 图 1-21 
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图 1-21 域名 控制 面板 
03 选择 域名 控制 面板 中 的 “DNS 解析 管理 ”选项 ， 进 入 域名 解析 页 面 ， 如 图 1-22 所 示 。 



































图 1-22 域名 DNS 解析 管理 页 面 
C9 注 : DNS 解析 记录 管理 即 用 户 可 根据 实际 需要 ， 便 接地 修改 或 增加 域名 解析 记录 等 ， 


包括 增加 IP、 别 名 及 邮件 三 个 操作 功能 。 


(1) 增加 IP， 即 域名 解析 操作 。 

(2) 增加 别名 ， 即 增设 子 域名 ， 指 向 已 有 空间 。 

(3 ) 增加 邮件 ， 即 添加 MX (邮件 交换 ) 记录 ， 通 过 该 记录 来 解析 域名 的 邮件 服 
务 器 。 用 户 可 以 将 域名 下 的 邮件 服务 器 指向 自己 的 Mail Server 上 ， 然 后 即 
可 自行 操控 所 有 的 邮箱 设置 。 你 只 需 在 线 填写 服务 器 的 IP 地 址 ， 即 可 将 域 
名 下 的 邮件 全 部 转 到 自己 设 定 的 相应 邮件 服务 器 上 。 

(4) 解析 记录 增加 后 ， 可 根据 需要 进行 更 改 或 删除 。 

(5) 解析 记录 修改 后 ，24 小 时 内 生效 。 


04 在 “DNS 解析 管理 ”控制 面板 中 让 
， 如 图 1-23 所 示 。 








志 





击 “ 增 加 IP” 按 钮 ， 进 入 给 域名 解析 : 添加 “A 记录 ” 
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解析 地 证: |221. 231. 138. 61 
ein | 





图 1-23 给 域名 添加 解析 记录 











2 把 www.zd-mba.com 解 析 到 IP (221.231.138.61) ， 则 主机 名 填 www， 解 析 地 址 填 该 耻 。 网 站 
服务 器 指向 自己 的 Web Server 上 ， 同 时 也 可 以 设置 域名 的 二 级 域名 
MX 记录 做 abc@zd-mba.com 的 MX 解析 , 主机 名 留 空 ， 优 先 级 10, 解析 地 址 为 邮件 服务 器 域名 。MX 
是 记录 的 优先 级 别 ， 数 值 越 低 ， 优 先 级 越 高 ， 一 般 取 值 在 5~99 之 间 
i 把 abc.zd-mba.com 解 析 到 www.zd-mbal.com, 则 主机 名 填 abc, 解析 地 址 填 www.zd-mbal.com 
记 
仅 电信 ， 表 示 仅 对 电信 用 户 有 效 
智能 DNS 仅 网 通 ， 表 示 仅 对 网 通用 户 有 效 
默认 ， 在 没有 定义 电信 或 网 通 的 时 候 ， 对 所 有 用 户 都 有 效 








05 对 指定 的 域名 进行 解析 ， 主 机 名 中 填写 www 或 为 空 , 在 解析 地 址 中 填写 所 需要 解析 域名 
的 主页 服务 器 的 IP 地 址 ， 详 细 填 写 后 单 击 “ 增 加 ”按钮 ， 即 可 成 功 添加 入 记录 ， 等 待 管 理 员 对 这 
些 域名 进行 解析 (2 一 24 小 时 自动 解析 完毕 )， 经 过 几 小 时 之 后 可 以 输入 主机 名 进行 测试 ， 从 而 完 
成 域名 解析 操作 ， 如 图 1-24 所 示 。 








221.231. 138.61 


221.231. 138.61 








图 1-24 增加 域名 IP 解 析 

1.2.6 ”域名 续费 

申请 域名 后 还 要 保护 好 自己 的 域名 。 域 名 一 般 是 按 年 计 费 , 要 按时 缴费 。 在 费用 到 期 一 个 
月 内 缴费 , 否则 域名 会 被 自动 取消 使 用 权 特别 是 成 名 的 公司 或 个 人 , 域名 是 一 个 重要 的 资源 。 
要 知道 有 很 多 人 已 经 对 这 些 域名 虎视 上 上 , 而 且 有 很 多 软件 对 这 些 域名 进行 监测 , 一 旦 有 域名 
被 取消 使 用 权时 马上 就 会 被 注册 , 到 时 候 要 付出 高 价 才 能 买 回 , 这 样 又 会 使 一 群 人 变卖 域名 发 
财 了 。 所 以 要 注意 域名 的 使 用 期 限 ， 并 及 时 缴费 。 
1.2.7 ”如 何 利用 域名 赚钱 


近来 ，CN 域 名 投资 引起 了 公众 的 极 大 兴趣 ， 这 门 新 兴 的 投资 也 成 了 继 股 票 、 房 产 之 后 的 
又 一 热门 投资 。Google 两 个 CN 域名 价值 百 万 美元 的 新 闻 ， 爆 炸 性 地 开启 了 国人 CN 域名 投资 之 
门 。 那 么 域名 如 何 评估 ? 
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域名 的 最 终 价值 体现 在 它 是 否 能 带 来 流量 和 利润 , 这些 结果 都 将 决定 你 的 未 来 买 家 愿意 出 
多 少 钱 来 购买 你 的 域名 。 所 以 , 衡量 一 个 域名 价值 的 标准 来 自 两 个 方面 : 域名 结构 和 商业 价值 。 

其 一 , 就 域名 结构 来 说 , 主要 有 域名 长 度 和 后 缀 两 方面 。 域名 关键 词 的 长 度 (不 包括 com、 
cn 此 类 的 后 绥 部 分 ) 越 短 越 值钱 。 这 是 个 简单 易 懂 的 原则 ， 因 为 短 域名 容易 记忆 和 拼写 ， 有 利 
于 提升 流量 ， 如 op.cn 这 个 CN 域名 就 卖 出 了 数 十 万 的 高 价 。 而 就 后 缀 来 说 ， 随 着 COM 域 名 资源 
的 枯竭 ，CN 域 名 逐渐 成 了 主流 。 

其 二 , 域名 所 包含 的 商业 价值 大 小 将 直接 影响 域名 的 价格 , 商业 价值 来 自 两 方面 : 影响 力 
和 市 场 性 。 就 影响 力 而 言 ， 易 被 理解 、 易 被 记忆 、 易 发 音 、 好 拼写 的 域名 影响 力 大 ,简单 、 人 
人 皆 知 的 英文 单词 和 词组 也 很 值钱 ， 因 为 它 容易 打 品牌 ， 例 如 tom.cn; 市 场 性 则 指 业务 关联 、 
发 展 潜力 、 目 前 访问 量 等 几 方面 ， 例 如 car.cn 比 dzisp.cn 值 钱 。 除 了 长 短 的 因素 之 外 ，car 这 个 词 
本 身 的 商业 价值 就 大 于 dzisp。 

其 三 ， 创 意 也 是 域名 值钱 的 一 大 促 动 因素 。 例 如 ， 当 年 丁磊 创办 网 易 之 前 ， 注 册 域名 时 就 
巧妙 地 借用 了 当时 普遍 使 用 的 电信 拨号 上 网 号 码 “163 ”作为 域名 主体 ， 本 身 三 个 字母 或 数字 
的 域名 就 已 属 简短 的 好 域名 了 。 该 域名 的 优秀 创意 让 这 个 简单 、 易 记 、 有 寓意 的 域名 自然 而 然 
地 为 国人 所 记 住 。 


1.2.8 域名 的 选择 对 搜索 引擎 优化 的 影响 
域名 对 搜索 引擎 优化 的 影响 主要 体现 在 以 下 几 方面 。 


e 搜索 引擎 对 后 缀 名 不 同 的 域名 所 给 的 权重 也 是 不 同 的 。 就 目前 而 言 ， 搜 索引 擎 对 几 
个 域名 后 组 的 权重 高 低 为 : gov>edu>org>com。 

e 域名 的 长 短 不 会 影响 到 搜索 引擎 对 域名 的 友好 度 ， 短 域名 对 搜索 引擎 的 使 用 者 而 言 
容易 被 记忆 ， 对 搜索 引擎 优化 而 言 没 有 影响 。 

e 域名 的 拼写 方式 同样 可 以 影响 搜索 引擎 优化 ， 选 择 一 个 容易 记忆 的 域名 可 以 带 来 很 
大 的 用 户 回 访 概率 。 

e 域名 存在 时 间 的 长 短 对 搜索 引 攀 的 优化 也 是 有 一 定 影响 的 。 举 个 例子 ， 一 个 新 建 的 
站 与 一 个 老 站 做 了 一 个 相同 的 关键 词 ， 甚 至 内 容 比 老 站 更 新 颖 、 更 有 创意 ， 但 在 搜 
索 结果 中 ， 往 往 域名 时 间 存 在 比较 长 的 出 现在 前 面 。 


1.3 ”网 站 服务 器 空间 的 获取 与 使 用 


当 申请 好 了 域名 之 后 , 下 一 步 就 是 建立 网 站 服务 器 。 网 站 服务 器 要 用 专线 或 其 他 的 方式 与 
互联 网 连接 。 这 种 网 站 服务 器 除了 存放 网 页 为 访问 者 提供 浏览 服务 之 外 , 还 可 以 提供 邮箱 服务 。 
邮箱 是 负责 收发 电子 邮件 的 。 此 外 , 还 可 以 在 服务 器 上 添加 各 种 各 样 的 网 络 服务 功能 ， 前 提 是 
有 足够 的 技术 支持 。 

通常 建立 网 站 服务 器 的 模式 有 两 种 : 购买 独立 的 服务 器 进行 托管 和 租用 虚拟 空间 。 


1.3.1 服务 器 托管 


服务 器 托管 就 是 指 在 购买 了 服务 器 之 后 , 将 其 托管 于 一 些 网 络 服务 机 构 (该 机 构 要 有 良好 
的 互联 网 接 入 环境 ) ， 每 年 支付 一 定数 额 的 托管 费用 。 
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1.3.2 租用 虚拟 空间 


租用 的 服务 器 空间 也 就 是 虚拟 主机 用 来 存放 网 站 所 有 网 页 ,所 以 虚拟 主机 性 能 的 优 劣 直接 
影响 到 网 站 的 稳定 性 ， 使 用 时 需要 考查 的 指标 分 别 是 带宽 、 主 机 配置 、CGI 权 限 、 数 据 库 、 服 
务 和 技术 支持 。 空 间 适 量 即 可 ， 对 于 一 般 的 网 站 来 说 ，100MB 已 是 一 个 足够 大 的 空间 。 如 果 
单纯 放置 文字 ，100MB 相 当 于 5000 多 万 个 汉字 ; 若 以 标准 网 页 计算 ， 大 致 可 容纳 1000 页 A4 
幅面 的 网 页 和 2000 张 网 页 图 片 。 


1.3.3 ”网 站 空间 、 服 务 器 的 选择 对 搜索 引擎 优化 的 影响 


(1) 选择 空间 要 稳定 、 打 开 速 度 快 。 如 果 网 站 空间 不 稳定 经 常 出 现 关闭 的 状况 ， 对 排名 
肯定 有 负面 影响 , 想 想 看 如 果 搜索 引擎 搜 出 来 的 都 是 打 不 开 的 网 站 ,那么 用 户 的 体验 一 定 很 差 。 

(2) 选择 离 目标 搜索 引擎 服务 器 近 的 空间 最 好 。 不 要 选择 受过 处 罚 的 空间 ; 尽量 避免 和 
作 浆 网 站 放 在 同一 个 服务 器 。 因 为 在 搜索 引擎 对 作 浆 网 站 处 罚 时 容易 受到 窑 连 。 
(3) 不 要 用 免费 空间 ， 免 费 空间 的 质量 普遍 不 高 。 从 一 个 侧面 也 可 以 看 出 你 对 网 站 的 不 
重视 ， 要 不 然 怎么 连 一 点 点 空间 费用 都 要 音 青 ? 

(4) 外 贸 型 网 站 最 好 用 海外 空间 ， 中 国 空间 的 网 站 在 海外 打开 速度 会 受 影响 。 部 分 网 站 
在 国外 打开 的 速度 是 很 慢 的 。 


1.4 ”在 本 地 搭建 ASP+IIS 网 站 服务 器 平台 


Dreamweaver 是 一 款 优秀 的 网 页 开发 工具 ， 但 无 法 独立 创建 动态 网 站 ， 所 以 必须 建立 相应 
的 Web 服 务 器 环境 和 数据 库 运 行 环 境 。Dreamweaver 支 持 ASP、JSP、ColdFusion 和 PHP MySQL 
共 4 种 服务 器 技术 ， 所 以 在 使 用 Dreamweaver 之 前 必须 选 定 一 种 技术 ， 最 常用 的 是 ASP 服 务 器 
技术 。 在 进行 ASP 网 页 开发 之 前 ， 首 先 必须 安装 编译 ASP 网 页 所 需要 的 软件 环境 。IIS 是 由 微软 
开发 ， 以 Windows 操 作 系统 为 平台 ， 运 行 ASP 网 页 的 网 站 服务 器 软件 。IS 内 建 了 ASP 的 编译 引 
擎 ， 在 设计 网 站 的 计算 机 上 必须 安装 IIS 才能 测试 设计 好 的 ASP 网 页 ， 因 此 在 Dreamweaver 中 创 
建 ASP 文 件 前 ， 必 须 安装 IIS 并 创建 虚拟 网 站 。 


1.4.1 安装 IIS 


对 于 操作 系统 Windows Professional XP 和 Windows 7 而 言 ， 系 统 已 经 默认 安装 了 IIS。 下 面 
以 Windows 7 为 例 来 介绍 如 何 安装 HS 服务 器 ， 其 具体 的 步骤 如 下 : 


01 打开 “开始 ”菜单 ， 然 后 执行 “开始 ”| “控制 面板 ”命令 ， 打 开 “ 控 制 面 板 ” 窗 口 ， 如 
图 1-25 所 示 。 

02 单 击 “ 程 序 和 功能 ”选项 ， 打 开 “ 程 序 和 功能 ”窗口 ， 如 图 1-26 所 示 。 

03 从 左 侧 列表 中 选择 “打开 或 关闭 Windows 功能 ”图 标 ， 打 开 如 图 1-27 所 示 的 对 话 框 。 
在 其 中 你 选 “Internet 信息 服务 ”。 

04 单 击 “ 确 定 ”按钮 打开 如 图 1-28 所 示 信 息 提示 框 ， 提 示 用 户 Windows 正在 更 改 功能 。 
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图 1-25 “控制 面板 ”窗口 图 1-26 





“程序 和 功能 ”窗口 


打开 或 关闭 Windows 功能 
本 二 要 关闭 一 种 功能 ,请 清 淮 其 复 运 
填充 的 村 表示 仅 打开 该 功能 的 一 部 分 
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图 1-27 “Windows 功能 ”窗口 1-28 ”信息 提示 框 


05 默认 状态 下 ，IIS 会 被 安装 到 C 驱动 器 下 的 InetPub 目录 中 。 其 中 ， 有 一 个 名 为 wwwroot 
的 文件 夹 ， 它 是 访问 的 默认 目录 ， 访 问 的 默认 Web 站 点 也 放置 在 这 个 文件 夹 中 ， 如 图 1-29 所 示 。 








修改 日期 


2015/9/11 1024 
2015/9/11 1024 








1-29 ”安装 默认 文件 夹 
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1.4.2 配置 Web 服 务 器 
完成 了 IIS 的 安装 之 后 ， 就 可 以 使 用 IIS 在 本 地 计算 机 上 创建 Web 站 点 了 。 
1. 打开 IIS 


在 不 同 的 操作 系统 中 ， 启 动 IIS 的 方法 也 不 同 ， 下 面 是 在 Windows 7 下 启动 IIS 的 方法 。 


01 打开 “开始 ”菜单 ， 然 后 执行 “控制 面板 ”|“ 管 理工 具 ” 命 令 ， 打 开 “ 管 理工 具 ” 窗 口 ， 
如 图 1-30 所 示 。 

















安装 IIS 后 出 | 
现 的 “Intemet |! 
1 
1 














图 1-30 “管理 工具 ”窗口 
02 在 “管理 工具 ”窗口 中 双击 “Internet 信息 服务 (IIS) 管理 器 ”图 标 区 |， 启 动 IIS， 如 图 


1-31 所 示 。 
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图 1-31 “Internet 信息 服务 (IS) 管理 器 ”窗口 
2. 设置 默认 的 Web 站 点 


默认 Web 站 点 是 在 浏览 器 的 地 址 栏 中 输入 “http:Wlocalhost” 或 “http:/127.0.0.1” 后 显示 
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的 站 点 。 该 站 点 中 的 所 有 文件 实际 上 位 于 Ci:\Inetpub\wwwroot 文 件 夹 中 ， 其 默认 主页 对 应 页 面 


文件 的 名 称 是 Default.asp。 
在 “Intemet 信 息 服务 ”窗口 中 右 击 “Default Web Site” 选 项 ， 打 开 如 图 1-32 所 示 的 快捷 


菜单 。 我 们 可 以 通过 菜单 对 默认 站 点 进行 设置 ， 这 里 采用 默认 设置 。 












OO | wen » Fis» Deni Web sie » 
文 灶 由 视 硬 V) 和 HI 


























图 1-32 ”默认 网 站 的 快捷 菜单 


3. 创建 新 Web 站 点 
应 用 Dreamweaver 进 行 Web 应 用 程序 的 开发 ， 首 先 要 为 开发 的 Web 应 用 程序 建立 一 个 新 的 
Web 站 点 。 一 般 来 说 ， 可 以 采用 3 种 方法 建立 Web 站 点 : 真实 目录 、 虚 拟 目录 和 真实 站 点 。 最 
常用 的 方法 就 是 采用 虚拟 目录 创建 Web 站 点 。 
使 用 虚拟 目录 创建 Web 站 点 的 步 又 如 下 : 
01 启动 IS， 在 “默认 网 站 ”上 单 击 鼠标 右键 ， 打 开 快 捷 菜 单 。 
02 从 快捷 菜单 中 选择 “添加 虚拟 目录 ”命令 ,打开 如 图 1-33 所 示 的 “添加 虚拟 目录 ”对 话 框 。 
03 在 “别名 ”文本 框 中 输入 “website”， 在 “物理 路 径 ” 文 本 框 中 输入 “D:\designem”， 表 


示 designem 文件 夹 里 放置 的 就 是 个 人 网 站 的 所 有 文件 ， 如 图 1-34 所 示 。 




















1-34 输入 虚拟 目录 的 信息 


1-33 “添加 虚拟 目录 ”对 话 杠 
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04 单 击 “ 确 定 ”按钮 ， 返 回 到 “Intemet 信息 服务 (IIS) 管理 器 ”窗口 中 ， 在 其 中 可 以 看 到 
添加 的 虚拟 目录 ， 如 图 1-35 所 示 。 
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国 #8 时 
bi 
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图 1-35 添加 的 虚拟 目录 
05 单 击 “ 编 辑 权限 ”选项 ， 打 开 如 图 1-36 所 示 的 “designem 属性 ”对 话 框 ， 在 其 中 可 以 设 
置 虚拟 目录 的 访问 权限 。 

















常规 “| 共享 安全 。 以 前 的 版 本 | 自 定义 
对 象 名 称 : Di vdesiemem 
组 或 用 户 名 (6) : 














中 STSTEN 


中 Atministrators (USER-20150607OA\Adninistrators) 
中 Users QSER-2015060TOA\Users) 


要 更 区 权限 ， 请 单 击 “ 编 辑 ”* 编辑 @) 
icated Veers 的 权限 








允许 拒绝 
完全 控制 
修改 


读 取 和 执行 
列 出 文件 夹 内 容 
读 取 











LS 和 ws 
天竺 环 权限 或 高 加 设置， 请 单 击 “高 。 [高 驱 W) 


了 毅 访 问 控 赤 权限 




















[本 驶 











图 1-36 设置 虚拟 目录 的 权限 





第 2 章 了 解 Dreamweaver CC 


Adobe Dreamweaver CC 是 一 款 集 网 页 制作 和 管理 网 站 于 一 身 的 所 见 即 所 得 网 页 编辑 器 ， 
是 第 一 套 针对 专业 网 页 设计 师 特别 发 展 的 视觉 化 网 页 开发 工具 ,利用 它 可 以 轻而易举 地 制作 


跨越 平台 限制 和 跨越 浏览 器 限制 的 充满 动感 的 网 页 。 
本 章 重 要 知识 点 >>>>>>>>>> 


Dreamweaver CC 的 安装 

Dreamweaver CC 的 工作 界面 

在 Dreamweaver CC 中 插入 文本 、 图 像 、 媒 体 
在 Dreamweaver CC 中 插入 链接 、 表 格 、 表 单 
在 Dreamweaver CC 中 使 用 模板 、 库 


2.1 Dreamweaver CC 的 安装 


H 





了 解 Dreamweaver CC 以 后 ， 首 先 要 对 Dreamweaver CC 软件 进行 安装 ， 可 以 使 用 光盘 安装 
或 在 Adobe 官 方 网 站 上 下 载 试 用 版 本 进行 安装 。Dreamweaver CC 安装 详细 的 操作 步骤 如 下 : 


01 运行 Dreamweaver CC 安装 程序 ， 稍 等 片刻 ，Dreamweaver CC 的 安装 程序 会 自动 弹出 


“Adobe 安装 程序 ”对 话 框 ， 如 图 2-1 所 示 。 
02 Dreamweaver CC 安装 程序 初始 化 后 ， 弹 出 “欢迎 ”对 话 框 ， 如 图 2-2 所 示 。 


正在 初始 化 安装 程序 


ss | 











图 2-1 初始 化 安装 程序 图 2-2 “欢迎 ”对 话 框 











03 在 “欢迎 ”对 话 框 中 单 击 “ 试 用 ”按钮 打开“ 需要 登录 ”对 话 框 ， 提 示 用 





Adobe ID 进行 登录 ， 如 图 2-3 所 示 。 
04 单 击 “ 登 录 ” 按 钮 ， 进 入 “Adobe 软件 许可 协议 ”对 话 框 ， 如 图 2-4 所 示 。 








户 需 要 使 
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需要 登录 Adobe 软件 许可 协议 
使者 Acooe 上 登录 ， 称 还 可 以 通过 AQobe ID 轻松 地 沪 ot hh 二 
六 二 区 全 和 Adobe Crsaiive Cloud 产 拓 (和 此 人 伯 ] 内 居于 到 押 议 .入 可 以 好 
本 
ADOBE 1 
SA 

















图 2-3 “需要 登录 ”对 话 杠 图 2-4 “Adobe 软件 许可 协议 ”对 话 框 
05 单 击 “ 接 受 ” 按 钮 ， 进 入 【选项 】 对 话 框 ， 在 其 中 可 以 设置 程序 安装 的 位 置 ， 如 图 2-5 


所 示 。 
06 单 击 “安装 ”按钮 ， 开 始 安装 Dreamweaver CC， 并 显示 安装 的 进度 ， 如 图 2-6 所 示 。 






































hdobe Oresmuearer Ce 2014 mm Adobe Dreamweaver CC 2014 | | 
选项 安装 
国 和 cowe Droormwoower CC X014 出 他 省 前 正在 安装 Adoba Poyer kr Enbodainga4 
[I | 
a 
ED 
Wk 。 
ca 图 
图 2-5 “选项 ”对 话 杠 图 2-6 “安装 进度 ”对 话 框 





横 


07 安装 完毕 后 ， 弹 出 【安装 完成 】 对 话 框 ， 提 示 用 户 Dreamweaver CC 安装 完成 ， 可 以 使 有 
了 ， 如 图 2-7 所 示 。 























| 民工 





图 2-7 “安装 完成 ”对 话 框 
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2.2 ” Dreamweaver CC 的 工作 界面 


利用 Dreamweaver CC 中 的 可 视 化 编辑 功能 ， 可 以 快速 地 创建 Web 页 面 ，Dreamweaver CC 
是 一 款 专业 的 HTML 编 辑 器 , 用 于 对 Web 站 点 、Web 页 和 Web 应 用 程序 进行 设计 、 编 码 和 开发 ， 
无 论 是 在 Dreamweaver CC 中 直接 输入 HTML 代 码 还 是 在 Dreamweaver CC 中 使 用 可 视 化 编辑 都 
整合 了 CSS 功 能 ， 强 大 而 稳定 ， 可 以 帮助 设计 和 开发 人 员 轻 松 地 创建 并 管理 任何 网 页 站 点 。 
Dreamweaver CC 的 工作 界面 包含 “菜单 栏 ”“ 文 档 工具 栏 ”“ 文 档 窗口 ”“ “属性 ”面板 ” 
和 “面板 组 ”， 如 图 2-8 所 示 。 
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1 文档 窗口 !" 全 
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忆 
图 2-8 ” Dreamweaver CC 的 工作 界面 
2.2.1 菜单 栏 


Dreamweaver CC 菜单 栏 包 含 “ 文 件 ”“ 编 辑 ”“ 查 看 ”“ 择 入 ”“ 修 改 ”“ 格 式 ”“ 命 
令 ”“ 站 点 ”“ 窗 口 ” 和 “帮助 ” 几 个 功能 ， 如 图 2-9 所 示 。 使 用 这 些 功 能 可 以 便捷 地 访问 与 
正在 处 理 的 对 象 或 窗口 有 关 的 属性 。 当 设计 师 制 作 网 页 时 ,可 以 通过 菜单 栏 执行 所 需要 的 功能 。 


文件 ( 明 ” 编 如 (E) ”过 看 (V) 插入 (1 修改 (M) 格式 (0) 命令 (CQ) ” 头 点 ($) 窗口 (W) 帮助 (H) 
图 2-9 菜单 栏 
2.2.2 文档 工具 栏 


文档 工具 栏 中 包含 “代码 ”“ 拆 分 ”“ 设 计 ”“ 实 时 视图 ”“ 标 题 ” 等 ， 如 图 2-10 所 示 。 
单 击 “代码 ”按钮 将 进入 代码 编辑 窗口 ， 单 击 “ 拆 分 ”按钮 将 进入 代码 和 设计 窗口 ， 单 击 “ 设 
计 ” 按 钮 将 进入 可 视 化 编辑 窗口 ， 单 击 浏览 按钮 可 以 通过 IE 浏览 器 对 编辑 好 的 程序 进行 浏览 ， 
“标题 ”文本 框 用 来 设置 网 页 的 标题 信息 《代码 中 <tite> 和 </title> 中 间 的 内 容 ) 。 
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| 


图 2-10 文档 工具 栏 




















2.2.3 ”文档 窗口 
文档 窗口 显示 当前 的 文档 内 容 ， 可 以 选择 “设计 ”“ 代 码 ” 和 “ 拆 分 ”这 3 种 形式 查看 文档 。 


Os “设计 ”视图 : 是 一 个 可 视 化 页 面 布局 、 可 视 化 编辑 和 快速 应 用 程序 开发 的 设计 
环境 。 在 该 视图 中 ，Dreamweaver CC 显示 文档 完全 编辑 的 可 视 化 表示 形式 ， 类 似 
提 示 ”于 在 浏览 器 查看 时 看 到 的 内 容 。 
“代码 ”视图 : 是 一 个 用 于 编写 和 编辑 HTML、JavaScript、 服 务 器 语言 代码 (如 
ASP、PHP 或 标记 语言 ) 以 及 任何 其 他 类 型 的 手工 编码 环境 。 
“ 拆 分 ”视图 : 可 以 在 单个 窗口 中 同时 看 到 同一 文档 的 “代码 ”视图 和 “设计 ” 














视图 。 
2.2.4 面板 组 Em 一 一 一 
Dreamweaver CC 的 面板 组 嵌入 到 操作 界面 之 人 
中 ， 在 面板 中 进行 操作 时 ， 对 文档 有 相应 改变 也 会 ee 
同时 显示 在 窗口 之 中 ， 使 得 效果 更 加 明了 ， 使 用 者 hm 
可 以 直接 看 到 文档 所 做 的 修改 ,这 样 更 加 有 利于 编 Se 
辑 ， 如 图 2-11 所 示 。 
2.2.5 “属性 ”面板 日 站 
田 划 
“属性 ”面板 可 以 显示 在 文档 中 选 定 对 象 的 属 Em 
性 ， 同 样 也 可 以 修改 它们 的 属性 值 。 选 择 的 元 素 对 
象 不 同 ， 在 “属性 ”面板 中 显示 的 属性 也 不 同 ， 如 [re 
图 2-12 所 示 。 图 2-11 面板 组 
属性 
[mu 格式 中) 无 ~] 类 无 ~ BI 注 注 丝 择 标题 m) 





即 css IC) 无 ~ 镑 接 C) ”9D 目标 (6) 
FE 








图 2-12 文本 框 的 属性 
2.3 使 用 Dreamweaver CC 创建 基本 网 页 
在 各 类 网 站 设计 中 ， 功 能 多 、 实 用 性 强 的 工具 非 Dreamweaver 莫 属 。 它 是 公认 的 最 佳 网 页 


制作 工具 。 文 本 是 网 页 最 基本 的 元 素 。 对 文本 的 控制 和 布局 在 网 页 设计 中 是 最 常见 的 ， 另 外 ， 
还 有 图 像 的 编辑 、 页 面 之 间 的 链接 等 。 
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2.3.1 文本 


一 般 来 说 , 在 网 页 中 出 现 最 多 的 就 是 文本 ， 所 以 对 文本 的 样式 控制 占 了 很 大 的 比重 ， 下 面 
将 介绍 如 何在 Dreamweaver CC 中 插入 文本 ， 设 置 文本 属性 。 详 细 的 操作 步 又 如 下 


O1 首先 打开 一 个 文档 或 新 建 一 个 文档 。 

02 将 光标 置 于 文档 中 ， 便 可 以 输入 文字 ， 如 图 2-13 所 示 。 

03 选中 文字 ， 执 行 “ 窗 口 ” |“ 属性 ”命令 ， 打 开 “ 属 性 ”面板 。 在 “大 小 ”文本 框 中 ， 将 
文字 “大 小 ”设置 为 “14” 像 素 ， 设 置 好 文字 大 小 后 ， 效 果 如 图 2-14 所 示 。 

















滞 黄 锥 楼 


ER A 
和 - 2 
日 蹇 乡 关 何 处 是 ， 烟 波江 上 使 人 悉 , ! 有 


图 2-13 输入 文字 图 2-14 设置 文字 大 小 
04 选中 文字 。 在 “属性 ”面板 中 设置 文字 的 颜色 为 红色 ， 得 到 的 效果 如 图 2-15 所 示 。 











黄 鲁 一 去 不 复 披 ， 白 去 : 
颖 川 历 功 汉阳 树 ， ， 
EE 村 从 接 全 并 江 


图 2-15 文字 效果 
2.3.2 图像 


图 像 在 网 页 中 起 到 的 作用 主要 是 美化 网 页 , 同时 也 可 以 让 访问 者 加 深 印 象 , 所 以 说 作用 很 
大 。 插 入 和 编辑 图 像 的 详细 操作 步骤 如 下 : 

01 首先 打开 一 个 文档 或 新 建 一 个 文档 。 

02 在 文档 中 将 光标 置 于 需要 插入 图 像 的 位 置 ， 执行“ 插入 ”|“ 图 像 ”| “图 像 ”命令 , 打开 
“选择 图 像 源 文件 ”对 话 框 。 在 打开 的 “选择 图 像 源 文件 ”对 话 框 中 ， 选 择 本 地 电脑 上 的 一 个 图 像 
插入 ， 得 到 的 效果 如 图 2-16 所 示 。 


在 “选择 图 像 源 文件 ”对 话 框 中 可 以 选择 插入 本 地 图 像 。 只 要 浏览 本 地 计算 机 ， 
找到 需要 插入 的 图 像 就 可 以 了 , 还 可 以 插入 网 上 的 图 像 ， 在 对 话 框 下 方 的 “URL” 
文本 框 中 输入 需要 插入 的 URL 图 像 网 络 地 址 就 可 以 了 。 


03 选中 图 像 并 右 击 鼠 标 ， 在 弹出 的 快捷 菜单 中 选择 “对 齐 ”|“ 左 对 齐 ” 菜 单 命令 ， 将 图 像 
进行 左 对 齐 ， 如 图 2-17 所 示 。 

04 在 “替换 ”文本 框 中 输入 文字 “ 黄 鹤 楼 ” 设置 图 像 的 替换 文本 ， 如 图 2-18 所 示 。 在 “高 ” 
文本 框 中 设置 图 像 的 高 度 ， 在 “ 宽 ” 文 本 框 中 设置 图 像 的 宽度 ， 如 图 2-19 所 示 。 














提 示 




















Dreamweaver CC+ASP 动态 网 站 建设 与 典型 实例 








图 2-16 插入 图 像 图 2-17 设置 图 像 对 齐 方式 


-RAR 宽 o 150 [px 上门 莹 换 (T) 
[ec 商贸 楼 3 | 0 Sev 
图 2-18 图 像 蔡 换文 本 图 2-19 图 像 高 度 和 宽度 
05 如 果 需 要 裁剪 图 像 ， 首 先 选择 需要 裁剪 的 图 像 ， 执 行 “ 窗 口 ” |“ 属 性 ”命令 。 在 “属性 ” 





面板 单 击 辽 按钮 。 单 击 于 按钮 后 ， 图 像 周围 会 出 现 8 个 控制 点 ， 通 过 拖 动 这 些 控制 点 可 以 改变 图 
像 的 大 小 ， 如 图 2-20 所 示 。 

06 选择 好 裁剪 的 位 置 双击 鼠标 完成 了 图 像 的 裁剪 工作 ， 如 果 需 要 优化 图 像 ， 执 行 “窗口 ”| 
“属性 ”命令 。 在 “属性 ”面板 中 单 击 饮 按钮 打开“ 图 像 优 化 ”对 话 框 ， 如 图 2-21 所 示 。 在 该 
对 话 框 中 进行 相应 的 设置 后 单 击 “ 确 定 ”按钮 ， 就 可 以 对 图 像 进行 优化 了 。 
























































图 2-20 图 像 的 裁剪 图 2-21 图 像 优化 
2.3.3 ”媒体 aa 
| 人 | 猎 | 全 | 基本 图 加。 有 有 丰 ， 和 X 必 
多 媒体 对 象 和 图 像 一 样 ， 在 网 页 中 起 到 的 作用 主 登 黄 寞 楼 


要 是 美化 网 页 , 在 Dreamweaver CC 制作 网 页 的 时 候 可 
以 插入 各 种 的 媒体 对 象 ， 如 Flash。 插 入 多 媒体 的 操作 
步骤 如 下 : 


01 先 打 开 一 个 文档 或 新 建 一 个 文档 。 


02 将 光标 置 于 需要 Flash 动画 的 位 置 , 再 执行“ 插 
本 | “媒体 ” | “Flash SWF” 命令 ， 会 打开 “选择 SWF” A 








对 话 框 。 在 “选择 SWF” 对 话 框 中 选择 本 地 电脑 上 的 一 
个 swf 文件 ， 得 到 的 效果 如 图 2-22 所 示 。 





图 2-22 插入 Flash 动画 
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Flash 动画 是 一 种 高 质量 的 拓 量 动画 。 在 网 络 中 ， 有 着 大 量 的 精美 动画 素材 ， 能 让 
网 页 活灵活现 。 使 用 Dreamweaver 制作 网 页 ， 可 以 在 网 页 中 插入 .swf 或 .swt 格式 
提 示 的 Flash 动画 。 


2.3.4 链接 


在 网 页 中 主要 有 文字 链接 、 图像 链接 和 电子 邮件 链接 等 多 种 链接 类 型 , 可 以 通过 这 些 不 同 
的 链接 类 型 来 传递 网 页 之 间 的 信息 。 

创建 链接 都 是 在 “属性 ”面板 中 的 “链接 ”文本 框 中 来 完成 的 ， 使 用 “属性 ”面板 可 以 给 
当前 的 文档 中 的 文本 或 图 像 添加 链接 , 单 击 链接 的 时 候 转 到 另 一 个 位 置 或 男 一 个 网 页 。 创建 链 
接 的 详细 操作 步骤 如 下 : 

O1 首先 打开 一 个 文档 或 新 建 一 个 文档 。 

02 选中 要 设置 链接 的 文字 ， 执 行 “ 窗 口 ”|“ 属 性 ”命令 ， 在 “属性 ”面板 中 单 击 “ 链 接 ” 
文本 框 后 面 的 辐 按 钮 ， 打 开 “ 选 择 文件 ”对 话 框 。 在 “选择 文件 ”对 话 框 中 选择 需要 转向 的 网 页 ， 
如 图 2-23 所 示 。 
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图 2-23 选择 链接 文件 


03 单 击 “ 确 定 ” 按 钮 设置 好 链接 。 在 “属性 ”面板 中 可 以 设置 链接 的 打开 方式 , 包括 “_blank” 
“_new”“_parent”“_self”“_top” 在 “目标 ”下 拉 列 表 中 选择 一 个 打开 方式 ， 如 图 2-24 所 示 。 














格式 @) | 无 - 类 无 ~ BI 涝 二 经纪 标题 r) 
Ia) 无 “>” 链 摘 员 网 站 站 点 /Default. htnl 7 多 口 。 目标 @ ~ 
图 2-24 设置 目标 





04 图 像 链接 和 文本 链接 一 样 ， 在 网 页 中 是 最 基本 的 链接 ， 创 建 的 方式 也 一 样 ， 都 是 在 “ 属 
性 ”面板 中 的 “链接 ”文本 框 中 完成 的 。 

05 图 像 热点 链接 可 以 将 一 幅 图 像 分 割 为 若干 个 区 域 ， 并 将 这 些 区 域 设置 成 热点 区 域 。 可 以 
将 这 些 不 同 的 热点 区 域 链接 到 不 同 的 页 面 。 选 中 图 像 ， 单 击 “ 属 性 ”面板 中 的 加 按钮 ， 在 “爱情 
诗歌 ”图 像 上 拖 动 ， 绘 制 一 个 矩形 热点 ， 如 图 2-25 所 示 。 
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06 在 “属性 ”面板 中 的 “链接 ”文本 框 中 选择 需要 转向 的 页 面 ， 这 样 就 完成 了 甜 形 热 点 的 
绘制 。 

07 通过 电子 邮件 ， 可 以 将 信息 传送 到 对 应 的 邮箱 中 ， 方 便 用 户 与 网 站 管理 者 和 服务 商 之 间 
的 沟通 。 选 中 文字 “邮件 联系 我 们 ”， 执 行 “ 插 入 ”|“ 电 子 邮 件 链接 ”命令 , 打开 “电子 邮件 链接 ” 
对 话 框 ， 输 入 要 链接 的 电子 邮箱 即 可 ， 如 图 2-26 所 示 。 





























文本 ”邮件 联系 我 们 


电子 邮件 : hy2015@163. comj 





图 2-25 绘制 一 个 矩形 热点 图 2-26 电子 邮件 链接 
08 单 击 “ 确 定 ” 按 钮 ， 完 成 “电子 邮件 链接 ”的 设置 ， 如 图 2-27 所 示 。 





图 2-27 电子 邮件 链接 


2.3.5 ”表单 


使 用 表单 可 以 加 强 访问 者 与 站 点 管理 员 的 信息 收集 工作 。 利 用 表单 从 用 户 那 里 收集 信息 
后 ， 将 这 些 信 息 提交 给 服务 器 进行 处 理 。 图 2-28 所 示 就 是 创建 的 一 个 表单 网 页 。 

<form></form> 标 记 之 间 的 部 分 都 属于 表单 的 内 容 。 表 单 标记 具有 Action、Method 和 Target 
属性 。 


Action 的 值 是 处 理 程序 的 程序 名 ， 如 <form Te 
action="URL">。 若 这 个 属性 是 空 值 (") ， 和 

提 示 ， 则 当前 文档 的 RUL 将 被 使 用 。 当 用 户 提 交 四 6666 
表单 时 ， 服 务 器 将 执行 这 个 程序 。 Per， [ar 加 





Method 用 来 定义 处 理 程序 从 表单 中 获得 信 
息 的 方式 ， 可 取 GET 或 POST 中 的 一 个 。 | wm 
Target 属性 用 来 指定 目标 窗口 或 目标 帧 , 可 








以 选择 当前 窗口 “_ self”、 父 级 窗口 | 
“parent”、 顶 层 窗口 “top”、 空 白 窗 口 酸 ] 酸 |] 
as 图 2.28 ”表单 效果 
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创建 表单 的 具体 操作 方法 如 下 : 


01 打开 文档 。 
02 将 光标 置 于 要 插入 表单 的 位 置 ， 执 行 “插入 ”|“ 表 单 ”|“ 表 单 ” 命 令 ， 插 入 表单 ， 如 图 


2-29 所 示 。 








图 2-29 插入 表单 
03 对 于 创建 的 表单 ， 可 在 “属性 ”面板 中 进行 相应 的 设置 ， 如 图 2-30 所 示 。 











尾 性 
EE pom | Dlem! cless 无 ao 
3 Methed POST 


口 wvaidate Enctype 冉 认 > Taget 内 
Davto Complete 











图 2-30 表单 “属性 ”面板 


表单 “属性 ”面板 中 常用 属性 设置 说 明 如 下 。 
提示 加 表单 ID: 默认 的 名 称 是 form1。 一 个 页 面 可 以 有 多 个 form 表单 。 不 同 的 表单 

采用 不 同 的 表单 名 称 , 以 示 区 别 。 表 单 名 称 的 采用 是 为 了 一 些 程序 脚本 的 应 用 ， 
比如 ， 表 单 检测 ， 所 以 表单 名 称 的 重要 性 不 言 而 喻 。 

® 动作 (Action ) : 该 表单 提交 信息 内 容 的 那个 页 面 地 址 ， 该 动作 指向 页 面 是 脚 
本 程序 用 来 接受 并 处 理 信 息 的 。 

@ 方法 (Method ) : 表单 提交 有 两 种 方法 。 
> ”GET 将 提交 数据 添加 到 “动作 ”指向 页 面 。 
> POST 直接 将 提交 数据 发 给 服务 器 ， 是 表单 的 默认 方法 。 


表单 对 象 是 允许 用 户 输入 数据 的 机 制 。 在 创建 表单 对 象 之 前 ， 必 须 在 页 面 中 插入 表单 。 

表单 域 有 文本 域 、 文 件 域 、 隐 藏 域 3 种 类 型 。 在 向 表单 中 添加 文本 域 时 ， 可 以 指定 域 的 长 
度 、 含 的 行 数 、 最 多 可 输入 的 字符 数 ， 以 及 该 域 是 否 为 密码 域 。 创 建 表 单 对 象 的 具体 操作 步骤 
如 下 : 

04 将 光标 放置 在 表单 内 , 执行 “插入 ”| “表格 ”命令 ， 


要 烙 大 小 





打开 “表格 ”对 话 框 ， 如 图 2.31 所 示 。 -2 
05 将 “ 行 数 ”设置 为 7,“ 列 ”设置 为 2,“ 表 格 宽度 ” 二 二 国 到 
单元 格 间 汪 田 


设置 为 600 像素 ,“ 边 框 粗细 ”设置 为 0 像素 ,“ 单 元 格 边 距 ” 
设置 为 0,“ 单 元 格 间 距 ” 设 置 为 0， 单 击 “ 确 定 ” 按 钮 ， 插 
入 表 ， 如 图 2-32 所 示 。 

06 将 光标 置 于 第 2 行 第 1 列 ， 输 入 文字 “姓名 : ”， 
并 将 “属性 ”面板 中 的 “水 平 ”设置 为 “居中 对 齐 ” 如 图 
2-33 所 示 。 
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图 2-31 “表格 ”对 话 框 
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图 2-32 插入 表格 
07 将 光标 置 于 第 2 行 第 2 列 单 元 格 中 ,执行 “插入 ”|“ 表 单 ”| “文本 ”命令 ， 插 入 文本 域 。 选 
中 文本 域 ， 在 “属性 ”面板 中 ， 将 “字符 宽度 ”设置 为 20,“ 最 多 字符 数 ” 设 置 为 30， 如 图 2-34 所 示 。 









































| 
: a | 
1 姓名 ， 
hod) Cormheormly bley Gury Ge 国 天 03 x ei ! 
Ea 
Sp 书 标 机 则 < 内 隘 样式 > ~ 宁 际 部 加 9 字体 E 
Es] ET | 加 i Bilal | 
加 Eee 
图 2-33 输入 文字 并 设置 水 平 对 齐 方式 图 2-34 插入 文本 框 并 设置 属性 
文本 域 有 以 下 3 种 类 型 。 


提示 单行 文本 域 : 通常 提供 单字 或 短语 响应 ， 如 姓名 或 者 地 址 。 
多 行文 本 域 : 为 访问 者 提供 了 一 个 较 大 的 区 域 ， 使 其 输入 响应 。 
密码 域 : 是 特殊 类 型 的 文本 域 。 


08 将 光标 置 于 文档 的 第 3 行 第 1 列 单元 格 中 ， 输 入 文字 “性 别 : ” 将 光标 置 于 第 3 行 第 2 
列 单元 格 中 ， 执 行 “ 插 入 ”| “表单 ”|“ 单 选 按钮 ”命令 ， 插 入 单 选 按钮 ， 在 其 右边 输入 文字 “ 男 ”， 
再 次 执行 “插入 ”| “表单 ”|“ 单 选 按钮 ”命令 ， 插 入 单 选 按钮 ， 在 其 右边 输入 文字 “ 女 ” 如 图 
2-35 所 示 。 

09 将 光标 置 于 文档 的 第 4 行 第 1 列 单元 格 中 ， 输 入 文字 “爱好 : ”， 将 光标 置 于 第 4 行 第 2 
列 单元 格 中 ， 执 行 “ 插 入 ”| “表单 ”|“ 复 选 框 ”命令 ， 插 入 3 个 复 选 框 ， 并 在 其 右边 输入 文字 “看 
书 ”“ 打 球 ”“ 其 他 ”， 如 图 2-36 所 示 。 














垢 名 1 
性 5 男 @ 妇 
受 好 : 本 看 避 刁 打球 习 其 州 
三 :| me 
图 2-35 插入 单 选 按钮 图 2-36 插入 复 选 框 


10 将 光标 置 于 文档 的 第 5 行 第 1 列 单元 格 中 ， 输 入 文字 “工资 情况 : ”， 将 光标 置 于 第 5 行 
第 2 列 单元 格 中 ,执行 “插入 ”| “表单 ”| “选择 ”命令 ， 插 入 列表 菜单 。 选 中 列表 菜单 ， 单 击 “ 属 
性 ”面板 中 的 “列表 值 ” 按 钮 ， 打 开 “ 列 表 值 ”对 话 框 ， 在 “列表 值 ”对 话 框 中 单 击 添加 按钮 ， 然 
后 再 添加 所 需 的 内 容 ， 如 图 2-37 所 示 。 
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11 单 击 “ 确 定 ”按钮 ， 将 光标 置 于 第 6 行 第 1 列 单元 格 ， 输 入 文字 “个 人 说 明 : ”， 将 光标 
置 于 第 6 行 第 2 列 单元 格 中 ， 插 入 文本 域 ， 在 “属性 ”面板 中 ， 将 “字符 宽度 ”设置 为 30、“ 行 数 ” 
设置 为 7， 如 图 2-38 所 示 。 


























- ge | 
: |， 0 男女 
: 要 写 看 书 王 打球 已 其 代 
i 工资 情况 ; 320 1 ey 
| 
i 从 省 l， | 
上 = 
图 2-37 设置 列表 值 图 2-38 插入 文本 域 


12 选中 第 7 行 单元 格 , 执行 “修改 ”|“ 表 格 ”|“ 合 并 单元 格 ”命令 ， 合 并 单元 格 ， 将 光标 
置 于 合并 的 单元 格 , 执行 “插入 ”|“ 表 单 ”|“ “提交” 按钮 ”命令 ,插入 一 个 “提交 ”按钮 ， 执 行 
“插入 ”| “表单 ”|““ 重 置 ” 按 钮 ”命令 ， 插 入 一 个 “ 重 置 ”按钮 ， 如 图 2-39 所 示 。 

13 选中 插入 的 按钮 ， 单 击 “ 属 性 ”面板 中 的 “居中 对 齐 ” 按 钮 ， 将 其 对 齐 方式 设置 为 居中 
对 齐 ， 如 图 2-40 所 示 。 





和 poem 
放风 昌文 
和 要， 唱 痢 书 日 打球 间 其 人 
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个 人 说 明 ， 
I ” | 
图 2-39 插入 提交 和 重 置 按钮 图 2-40 设置 按钮 的 对 齐 方 式 
2.3.6 ”表格 
表格 是 用 于 在 页 面 上 显示 表格 式 数 据 以 及 对 文本 和 图 形 ”al 
进行 布局 的 有 力 工具 。 在 Dreamweaver CC 中 ,用户 既 可 以 插入 | smi mz 
表格 并 设置 表格 的 相关 属性 ， 也 可 以 添加 和 删除 表格 的 行 和 5 
列 ， 还 可 以 对 表格 进行 拆 分 和 合并 ， 表 格 的 操作 步骤 如 下 : H 
01 打开 HTML 文档 ， 将 鼠标 定位 在 要 插入 表格 的 位 置 。 二 
02 执行 菜单 栏 中 的 “插入 ”|“ 表 格 ”命令 ， 弹 出 “表格 ” | 
对 话 框 ， 如 图 2-41 所 示 。 
[E77] 三 ][ 了 ] 
图 2-41 插入 表格 
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“表格 ”对 话 中 各 项 设置 说 明 如 下 。 


日 列 : 定义 表格 中 每 一 行内 的 列 数 。 
日 表格 宽度 : 设置 表格 的 宽度 。 编辑 框 后 是 表格 的 宽度 单位 ， 包 括 像素 和 百分比 
@ 边框 粗细 : 设置 边框 的 厚度 。 如 果 设 置 为 0， 表格 则 是 隐藏 的 。 
@ 单元 格 边 距 : 设置 单元 格 内 容 与 单元 格 边界 之 间 的 像素 个 数 ， 默 认 值 为 0。 
@ 单元 格 间距 : 设置 每 个 单元 格 之 间 的 像素 个 数 ， 默 认 值 为 0。 
@ 标题 : 输入 表格 的 标题 。 
日 摘要 : 输入 所 建 表格 的 说 明 。 
03 在 “表格 ”对 话 框 中 设置 行 数 为 7 行 、 列 数 为 2 列 、 表 格 宽度 为 600 像素 ， 以 及 边框 粗 
细 等 项 ， 其 他 项 都 为 默认 值 ， 再 单 击 “ 和 确定” 按钮， 创建 一 个 简单 的 HTML 表格 。 
04 在 Dreamweaver CC 中 插入 表格 后 ， 在 “设计 ”视图 中 ， 可 以 打开 表格 的 “属性 ”面板 中 
设置 表格 的 各 种 属性 。 在 表格 “属性 ”面板 中 ,选择 “ 宽 ” 文 本 框 ， 输 入 一 个 数字 ， 表 示 表 格 的 宽 
度 ， 在 右边 可 以 选择 像素 或 百分比 ， 默 认 值 是 像素 ， 如 图 2-42 所 示 。 
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图 2-42 表格 属性 
在 表格 “属性 ”面板 中 ， 选 择 各 项 参数 的 说 明 如 下 。 
@ 选择 “填充 ”文本 框 ， 输 入 数字 “0”， 表 示 单 元 格 边框 和 内 容 之 间 的 空白 。 
e@ 选择 “间距 ”文本 框 ， 输 入 一 个 数字 ， 表 示 单 元 格 之 间 的 距离 。 
e 在 “对 齐 ” 下 拉 菜 单 中 ， 可 以 选择 表格 的 对 齐 方式 : “ 左 对 齐 ”“ 居 中 对 齐 ” 
和 “ 右 对 齐 ”。 默 认为 “ 左 对 齐 ”。 假 如 选择 表格 的 对 齐 方式 为 “ 右 对 齐 ”， 
那么 在 “代码 ”视图 中 查看 的 源 代码 为 : 


<table width="400" border="0" align="right" cellpadding="0" 
cellspacing="0"> 


提 示 


e 选择 “边框 ”文本 框 ， 输 入 一 个 数字 ， 表 示 表 格 的 边框 宽度 。 


05 在 Dreamweaver CC 中 插入 表格 以 后 ， 在 “设计 ”视图 中 可 以 改变 单元 格 的 高 度 和 宽度 。 
改变 了 单元 格 的 高 度 ， 也 就 是 改变 了 单元 格 所 在 行 的 高 度 ; 改变 了 单元 格 的 宽度 ， 也 就 是 改变 了 单 
元 格 所 在 列 的 宽度 。 将 鼠标 移动 到 单元 格 的 边框 上 ， 当 鼠标 变 成 地 形状 时 ， 按 住 鼠 标 左 键 上 下 拖 
动 ， 可 以 改变 单元 格 的 高 度 ， 如 图 2-43 所 示 。 

06 将 鼠标 在 要 改变 高 度 的 单元 格 内 单 击 ， 或 者 按 住 Ctrl 键 的 同时 单 击 单元 格 。 选 中 单元 格 
以 后 ， 弹 出 窗口 底部 的 单元 格 “属性 ”面板 ， 在 “高 ”文本 框 中 输入 一 个 数字 ， 比 如 50， 就 设 定 
了 这 个 单元 格 的 高 度 ， 也 就 是 行 的 高 度 为 50 像素 ， 如 图 2-44 所 示 。 
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图 2-43 ” 拖 动 表格 高 度 图 2-44 表格 高 度 


07 将 鼠标 移动 到 单元 格 的 边框 上 ， 当 鼠标 变 成 器 形状 时 ， 按 住 鼠标 左 键 左右 拖 动 ， 可 以 改 
变 单元 格 的 宽度 ， 如 图 2-45 所 示 。 

08 当 鼠 标 变 成 旨 形 状 时 ， 按 住 Shift 键 ， 再 按 住 鼠 标 左 键 左右 拖 动 ， 停 止 拖 动 后 ， 先 松 开 鼠 
标 左 键 ， 再 松 开 Shift 键 ， 这 样 只 改变 了 鼠标 左边 的 列 宽 ， 而 表格 中 的 其 他 列 宽度 不 变 ， 但 是 表格 
的 宽度 会 相应 地 增加 或 者 减少 。 

09 将 鼠标 在 要 改变 宽度 的 单元 格 内 单 击 ， 或 者 按 住 Ctrl 键 的 同时 单 击 单元 格 。 选 中 单元 格 
以 后 ， 在 单元 格 “ 属 性 ”面板 的 “ 宽 ” 文 本 框 中 输入 一 个 数字 ， 比 如 360， 就 设 定 了 这 个 单元 格 的 
宽度 ， 也 就 是 这 一 列 的 宽度 为 360 像素 ， 如 图 2-46 所 示 。 
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10 在 Dreamweaver CC 中 选择 单元 格 与 选择 表格 的 方法 不 一 样 , 选择 单元 格 的 方法 主要 有 以 
下 几 种 。 
和 @ 选择 单个 单元 格 . 
如 果 要 选择 一 个 单元 格 ， 那 么 在 要 选择 的 单元 格 内 单 击 鼠标 左 键 即 可 ， 如 图 2-47 所 示 。 
@ 选择 多 个 单元 格 . 
(1) 按 住 Ctrl 键 , 然 后 在 要 选择 的 多 个 单元 格 中 依次 单 击 鼠 标 左 键 , 这样 可 以 随机 
地 选择 多 个 单元 格 。 
(2) 首先 在 一 个 单元 格 中 单 击 鼠 标 左 键 ， 接 着 按 住 Shift 键 ， 然 后 在 其 他 要 选择 的 单 
元 格 中 单 击 鼠标 左 键 ， 这 样 可 以 连续 选择 多 个 单元 格 ， 如 图 2-48 所 示 。 
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: 200(197)= 4 206 ov 
2-47 选择 单个 单元 格 图 2-48 选择 多 个 单元 格 
@ 选择 一 行 或 一 列 单元 格 . 

(1) 移动 鼠标 到 行 的 左边 沿 ， 当 光标 变 成 =$> 形 状 时 ， 单 击 鼠 标 左 键 ， 即 可 选择 一 行 








的 单元 格 。 
(2) 移动 鼠标 到 列 的 上 边沿 ， 当 光标 变 成 形状 时 ， 单 击 鼠 标 左 键 ， 即 可 选择 一 列 的 
单元 格 。 


11 在 Dreamweaver CC 中 插入 表格 以 后 ， 单 击 要 添加 的 或 者 要 删除 的 行 或 列 中 的 一 个 单元 
格 ， 或 者 选择 该 行 或 该 列 ， 然 后 进行 增加 或 删除 行列 的 操作 。 
@ 增加 行 和 列 . 
(1) 单 击 “ 修 改 ”菜单 ， 选择 “表格 ”命令 ， 在 弹出 的 子 菜单 中 选择 要 使 用 的 命令 
即 可 ， 如 图 2-49 所 示 。 
(2) 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “表格 ”命令 ， 在 子 菜单 中 选择 “ 插 
入 行 ” 或 “插入 列 ” 命令 也 可 以 增加 行 和 列 ， 如 图 2-50 所 示 。 
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图 2-49 增加 表格 行 和 列 图 2-50 增加 表格 行 和 列 


@ 删除 行 和 列 . 
(1) 单 击 鼠标 右键 , 选择 “表格 ”命令 ,在 弹出 的 子 菜单 中 选择 “删除 行 ”或 者 “ 删 
除 列 ”命令 ， 可 以 删除 行 或 列 。 
(2) 选择 一 行 或 者 多 行 ， 或 者 选择 一 列 或 者 多 列 ， 按 键盘 上 的 Delete 键 ， 即 可 删除 


行 或 列 
【分 出 除 行 或 列 时 必须 首先 选中 整个 行 或 列 ， 知 则 不 能 出 除 行 或 列 ， 而 只 能 是 出 除 单 
元 格 中 的 数据 . 
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12 在 Dreamweaver CC 中 , 可 以 通过 对 单元 格 的 合并 和 拆 分 生成 各 种 各 样 简单 或 者 复杂 的 表格 。 
@@ 合并 单元 格 . 
(1) 选择 要 合并 的 多 个 单元 格 ， 必 须 是 相 邻 的 单元 格 ， 如 图 2-51 所 示 。 
(2) 在 表格 的 “属性 ”面板 中 单 击 回 按钮 就 可 以 合并 单元 格 。 
(3) 合并 单元 格 的 结果 如 图 2-52 所 示 。 


























图 2-51 选择 要 合并 的 单元 格 图 2-52 合并 单元 格 
@ 拆 分 单元 格 ， 
(1) 选择 一 个 单元 格 ， 如 图 2-53 所 示 。 
(2) 在 表格 的 “属性 ”面板 中 单 击 鞍 按钮 ， 弹 出 “ 拆 分 单元 格 ”对 话 框 ,设置 各 项 
参数 ， 如 图 2-54 所 示 。 
(3) 单 击 “ 确 定 ”按钮 ， 单 元 格 拆 分 成 功 。 


把 单元 格 拆 分 回 行 B) 
bs 到 5) 
本 | 行 数 0; 2 Ea 


200 (i197) + 206 (203)» 
so- 


图 2-53 选择 要 拆 分 的 单元 格 图 2-54 拆 分 单元 格 


(+ 在 “ 拆 分 单元 格 ” 对 话 框 中 ， 如 果 选 择 “ 行 ”， 就 要 输入 要 拆 分 的 行 数 ; 如 果 选 
提示 择 “ 列 ”， 就 要 输入 要 拆 分 的 列 数 。 


























2.4 模板 、 库 的 使 用 


使 用 模板 和 库 可 以 使 网 页 有 统一 的 风格 ， 同 时 对 于 多 个 页 面相 同 的 部 分 ， 可 以 定义 为 模板 
或 库 。 


2.4.1 模板 


采用 模板 最 大 的 好 处 就 是 当 对 模板 进行 修改 更 新 时 ,所 有 采用 了 该 模板 的 网 页 文档 的 锁定 
区 域 都 能 同步 更 新 ， 从 而 达到 整个 站 点 风格 变化 的 迅速 性 和 统一 性 。 

在 Dreamweaver 中 ， 模 板 就 是 一 个 网 页 文档 ， 该 文件 将 自动 保存 到 站 点 根 目 录 下 的 
Templates 文 件 夹 中 ， 文 件 扩展 名 为 .dwt。 

模板 具有 固定 的 版 面 布局 结构 , 可 以 用 来 作为 站 点 中 新 建 网 页 文档 的 布局 , 同时 在 模板 中 
还 可 以 定义 文档 的 可 编辑 区 域 , 使 应 用 该 模板 的 网 页 能 对 此 区 域 自行 编辑 处 理 , 当然 在 模板 未 
定义 可 编辑 区 域 前 ， 应 用 模板 的 网 页 将 被 锁定 ， 不 能 进行 相关 的 编辑 。 
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模板 由 两 类 组 成 : 锁定 区 域 和 可 编辑 区 域 。 当 第 一 次 创建 模板 时 有 的 区 域 都 是 锁定 的 。 定 
义 模 板 过 程 的 一 部 分 就 是 指定 和 命名 可 编辑 的 区 域 。 然 后 ， 当 某 个 文档 从 某 些 模板 中 创建 时 ， 
可 编辑 的 区 域 则 成 为 唯一 可 以 被 改变 的 地 方 。 

在 Dreamweaver CC 中 ,用 户 可 以 将 现 有 的 网 页 文档 创建 为 模板 ， 然 后 根据 需要 加 以 修改 ， 
或 创建 一 个 空白 模板 ， 在 其 中 输入 需要 显示 的 文档 内 容 。 模 板 实际 上 也 是 文档 ， 其 扩展 名 
是 .dwt， 存放 在 根 目录 的 Templates 文 件 夹 中 ,模板 文件 夹 并 不 是 一 开始 就 有 的 ， 它 只 是 创建 模 
板 的 时 候 才 自动 生成 的 。 在 Dreamweaver 中 En 








有 关 模 板 的 详细 操作 步骤 如 下 : 
01 执行 “文件 ”| “新建 ” 命 令 ， 打 开 
“新 建文 档 ” 对 话 框 。 


02 在 对 话 框 中 选择 “空白 页 ”选项 ， 
在 “页 面 类 型 ”列表 框 中 选择 “HTML 模板 ” 
选项 ， 在 “布局 ”列表 框 中 选择 “ 列 固定 ， 右 
侧 栏 ， 标 题 和 脚注 ”。 

03 单 击 “ 创 建 ” 按 钮 ， 创 建 一 个 新 的 
模板 文档 ， 如 图 2-55 所 示 。 图 2-55 创建 模板 


CY 不 要 将 模板 移动 到 Templates 文件 天 之 外 ， 或 者 将 任何 非 模板 文件 放 在 Templates 
文件 天 中 ， 此 外 不 要 将 Templates 文件 夹 移动 到 本 地 根 文件 天 之 外 ， 否 则 将 会 引 

提 示 ”起 模板 中 的 路 径 错误 

08 执行 “文件 ”| “另存 为 模板 ”命令 ， 打 开 “ 另 存 为 模板 ”对 话 框 ， 将 其 文档 进行 保存 ， 
并 命名 为 index.dwt。 

05 在 创建 模板 之 后 ， 只 有 可 编辑 区 域 才能 将 模板 应 用 到 网 站 的 网 页 中 ， 打 开创 建 的 模板 文 
件 index.dwt， 将 光标 置 于 要 插入 编辑 区 域 的 位 置 ， 执 行 “插入 ”| “模板 ”| “可 编辑 区 域 ”命令 ， 
如 图 2-56 所 示 。 

06 选择 “可 编辑 区 域 ”命令 后 ， 打 开 “ 新 建 可 编辑 区 域 ”对 话 框 ， 如 图 2-57 所 示 。 


ss， go ao :aa ecm me 
Er 


























A 工作 前 在 公 计 视 因由 送行 ， 泛 快 到 济 荡 一 下 代码 
的 二 要 7 解 关 


名 称 、 KRC 








此 区 域 稍 可 以 在 基于 读 柳 板 的 文档 
中 进行 编辑 。 


由 于 所 有 列 都 是 生动 的 ， 因 此 ，| 。 理 SBS 明 。 此 和 了 方法 强制 合 | 
Container 了 解 列 的 续 刘 位置， 本 之 ENPI 这 村 或 营 虽 新 色 各 条 部 的 设计 要 | 
求 刀 从 .container 中 出 了 如 入， 三 RE 针 是 在 录 后 一 个 家 动 到 之 后 (多 在 
container 结 率 之 前 ) 添加 <br dlass=elearfioat' /> 或 <div class="clearfioat"></div>- 这 具 
有 相同 的 济 际 效果 。 


2-56 ”执行 “可 编辑 区 域 ”命令 图 2-57 新 建 可 编辑 区 域 
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【分 在 命名 可 编辑 区 域 时 ， 不 能 使 用 菜 些 特殊 字符 ， 如 单 引号 (') 、 双 引号 (") 、 

类 括号 (<>) 以 及 与 (用) 符号 等 。 在 模板 中 ， 可 编辑 区 域 以 浅 蓝 色 加 亮 显 示 ， 
新 建 的 可 编辑 区 域 用 名 称 表示 。 它 实际 上 是 一 个 占 位 符 ， 表明 当前 可 编辑 区 域 在 
文档 中 的 位 置 。 


07 单 击 “ 确 定 ” 按 钮 ， 在 模板 中 插入 可 编辑 区 域 。 
2.4.2 库 


库 是 一 种 特殊 的 Dreamweaver 文 件 ， 其 中 包含 已 创建 的 便于 放 在 网 页 上 的 单独 “资源 ” 
或 是 资源 复制 的 集合 。 库 用 来 存储 想 要 在 整个 网 站 上 经 常 重复 使 用 或 更 新 的 页 面 元 素 , 这 些 元 
素 称 为 库 项 目 。 

使 用 库 项 目 时 ，Dreamweaver 不 是 在 网 页 中 插入 库 项 目 ， 而 是 向 库 项 目 中 插入 一 个 链接 。 
如 果 以 后 更 改 库 项 目 ， 系 统 将 自动 在 任何 已 经 插入 该 库 项 目的 页 面 中 更 新 库 的 实例 。 在 
Dreamweaver 中 创建 库 项 目的 具体 操作 步骤 如 下 : 

01 执行 “文件 ” |“ 新建 ”命令 ， 打 开 “ 新 建文 档 ” 对 话 框 。 在 “新 建文 档 ” 对 话 框 中 ， 选 
择 “ 空 白 页 ”选项 不， 在 “页 面 类 型 ”中 选择 “ 库 项 目 ” 选 项 ， 如 图 2-58 所 示 。 

02 单 击 “ 创 建 ” 按 钮 ， 创 建 一 个 库 项 目 。 

03 执行 “插入 ”|“ 表 格 ”命令 ， 打开“ 表格” 对话 框 ， 将 “ 行 数 ” 设 置 为 3,“ 列 ”设置 为 
1， 如 图 2-59 所 示 。 
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图 2-58 新建 库 项 目 图 2-59 插入 表格 


04 单 击 “确定 ”按钮 ， 插 入 表格 。 

05 将 光标 置 于 第 1 行 单元 格 中 ， 执 行 “ 插 入 ”|“ 图 像 ” 命 令 ， 打 开 “ 选 择 图 像 源 文件 ”对 
话 框 。 

06 在 对 话 框 中 选择 一 个 图 像 ， 单 击 “ 确 定 ” 按 钮 ， 插 入 图 像 ， 如 图 2-60 所 示 。 


中 山大 学 th 
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图 2-60 插入 图 像 
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07 将 光标 置 于 第 2 行 单元 格 中 ,执行 “插入 ”|“ 图 像 ” 命令， 打开 “选择 图 像 源 文 件 ”对 
话 框 ， 在 对 话 框 中 选择 一 个 图 像 ， 单 击 “ 确 定 ” 按 钮 ， 插 入 图 像 ， 同 样 再 在 第 3 行 插入 图 像 ， 如 
2-61 所 示 。 
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图 2-61 插入 图 像 





08 选择 “文件 ” |“ 保存 ”命令 ， 打 开 “ 另 存 为 ”对 话 框 ， 在 对 话 框 中 的 “文件 名 ”文本 框 
中 输入 “top” 并 将 “保存 类 型 ”设置 为 “Library Files (*lbi)” 如 图 2-62 所 示 。 

09 单 击 “保存 ”按钮 ， 保 存 库 文件 。 

10 在 Dreamweaver 中 ， 另 一 种 维护 文档 风格 的 方法 是 使 用 库 项 目 。 如 果 说 模板 从 整体 上 控 
制 了 文档 风格 , 那么 库 项 目 则 从 局 部 上 维护 了 文档 的 风格 。 把 库 项 目 插入 到 页 面 时 , 实际 内 容 以 及 
对 项 目的 引用 就 会 被 插入 文档 中 ， 此 时 无 须 提供 原 项 目 即 可 正常 显示 。 打 开 文 档 ， 执 行 “ 窗 口 ”| 
“资源 ”命令 ,打开 “资源 ”面板 。 在 面板 中 单 击 “ 库 ”按钮 ， 打 开 “ 库 ”窗口 ， 如 图 2-63 所 示 。 
选中 库 文件 将 其 拖 动 到 文档 中 就 可 以 使 用 库 文件 了 。 
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图 2-62 保存 库 文件 图 2-63 ”资源 面板 


0 库 项 目 可 以 包含 行为 ， 但 是 在 库 项 目 中 编辑 行为 有 一 个 特殊 的 要 求 ， 即 库 项 目 不 
”能 包含 量 时 间 轴 或 样式 表 。 因 为 这 些 元 素 的 代码 是 <head> 的 一 部 分 ， 而 不 是 
提 示 <body> 的 一 部 分 。 在 “资源 ”面板 中 调用 库 必须 先 建立 一 个 站 点 。 


第 3 章 HTML 语言 基础 


HTML (Hypertext Markup Language， 超 文本 标记 语言 或 超 文本 链接 标记 语言 ， 文 件 后 缀 
名 为 .htm 或 .html) 是 目前 网 络 上 应 用 最 为 广泛 的 语言 ， 也 是 构成 网 页 文档 的 主要 语言 。 可 以 用 
多 种 软件 编写 HTML， 如 记事 本 、 写 字 板 、FrontPage 或 Dreamweaver 等 。HTML 命 令 可 以 说 明 
文字 、 图 形 、 动 画 、 声 音 、 表 格 、 链 接 等 。HTML 的 结构 包括 头 部 (Head) 、 主 体 (Body) 
两 大 部 分 , 其 中 头 部 描述 浏览 器 所 需 的 信息 , 而 主体 则 包含 所 要 说 明 的 具体 内 容 。 它 通常 是 用 
< 标志 名 ></ 标 志 名 > 成 双 成 对 出 现 的 。 


本 章 重要 知识 点 >>>>>>>>>> 


Dreamweaver 中 的 HTML 
常用 的 HTML 标记 

文字 常用 标签 

表格 标签 








3.1 _ Dreamweaver CC 中 的 HTML 


制作 HTML 页 面 ， 可 以 使 用 记事 本 、 写 字 板 、Word、FrontPage、Dreamweaver 及 其 他 具有 
文字 编排 功能 的 工具 ， 只 要 把 最 后 生成 的 文件 以 .html 为 后 级 名 保存 即 可 。 但 不 同 的 开发 工具 
具有 不 同 的 开发 效率 ， 如 一 个 人 用 记事 本 开发 某 个 页 面 时 用 了 一 天 的 时 间 ， 而 另 一 个 人 用 
Dreamweaver 却 只 花 了 不 到 一 个 小 时 。 在 众多 开发 工具 中 ， 推 荐 使 用 Dreamweaver， 它 能 帮助 
大 家 做 很 多 事 ， 如 可 视 化 的 程序 设计 、 页 面 的 框架 代码 自动 生成 、 程 序 的 框架 代码 自动 生成 、 
输入 动态 提示 、 实 时 代码 错误 监测 、 帮 助 文档 等 。Dreamweaver 具 有 其 他 工具 不 可 比拟 的 优势 。 

学 习 HTML 有 一 条 捷径 可 走 ， 那 就 是 利用 Dreamweaver 提 供 的 页 面 和 HTML 代 码 之 间 相 互 
转换 的 功能 。 例 如 ， 编 写 出 HTML 代 码 后 ， 通 过 Dreamweaver 就 可 以 马上 看 到 相应 的 页 面 是 什 
么 样子 的 。 反 之 亦 然 ， 当 看 到 一 个 漂亮 的 页 面 时 ， 通 过 Dreamweaver 即 可 知道 它 的 HTML 代 码 。 

下 面 用 Dreamweaver 新 建 一 个 HTML 文 件 ， 步 又 如 下 : 

01 启动 Dreamweaver CC， 打 开 Dreamweaver CC 的 工作 界面 ， 如 图 3-1 所 示 。 

02 执行 “新 建 ”| HTML 命令 ， 即 可 创建 HTML 新 文档 ， 如 图 3-2 所 示 。 

03 在 “标题 ”文本 框 中 输入 “第 一 个 HTML 网 页 ” 单 击 | 拆 分 按钮 ， 在 国 浏 四 窗 口中 输入 
“这 是 我 制作 的 第 一 个 页 面 >， 如 图 3-3 所 示 。 
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图 3-3 输入 标题 及 文字 说 明 
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把 “代码 ”窗口 的 代码 复制 出 来 进行 分 析 ， 代 码 如 下 : 


<!doctype html> 

<html> 

<head> 

<meta charset="utf-8"> 
<title> 第 一 个 HTML 网 页 </title> 
</head> 


<body> 

这 是 我 制作 的 第 一 个 页 面 
</body> 

</html> 


读者 可 以 注意 到 上 面 的 代码 有 以 下 几 个 最 基本 的 特点 。 


e 在 代码 中 有 很 多 用 <> 括 起 来 的 代码 ， 这 就 是 HTML 语言 的 标记 符号 。 

e@ 代码 主要 由 head 和 body 两 部 分 组 成 。 

e 代码 中 有 很 多 成 对 出 现 的 标记 ， 如 出 现 <html> 后 ， 在 后 面 会 出 现 与 之 对 应 的 </html>; 
如 前 面 出 现 <head> 后 ， 在 后 面 会 出 现 与 之 对 应 的 </head>。 在 成 对 出 现 的 标记 中 第 一 
个 表示 开始 ， 第 二 个 表示 结束 ， 并 且 结束 的 标记 要 多 一 个 斜 杠 。 


接 下 来 看 看 这 些 标注 所 代表 的 意义 。 


e html: 表示 被 <html> 及 </html> 所 包围 起 来 的 内 容 是 一 份 HTML 文件 ， 不 过 本 标 
注 也 可 以 省 略 。 

e。 head: 此 标注 用 来 注 明 此 份 文件 的 作者 等 信息 ， 除 了 <title> 会 显示 在 浏览 器 的 标题 
列 之 外 ， 其 他 并 不 会 显示 出 来 ， 故 <meta> 可 以 省 略 。 

e meta: 表示 一 个 meta 变量 ， 作 用 是 声明 信息 或 向 Web 浏览 器 提供 具体 的 指令 。 

e title: 表示 该 页 面 的 标题 ， 这 两 个 标记 中 间 的 字符 将 会 显示 在 浏览 器 的 标题 栏 上 ， 如 
上 面 实例 的 “第 一 个 HTML 网 页 ”就 会 显示 在 浏览 器 的 标题 栏 上 。 

e body: 被 此 标注 所 围 起 来 的 数据 是 HTML 文件 的 内 容 ， 会 被 浏览 器 显示 在 窗口 中 ， 
不 过 本 标注 也 可 以 省 略 。 


3.2 ”常用 的 HTML 标记 


在 Dreamweaver CC 中 自动 生成 的 HTML 语 言 节省 了 很 多 人 工 编写 代码 的 工作 ， 提 高 了 网 
页 编程 工作 人 员 的 工作 效率 。 但 对 于 ASP.NET 这 样 需要 直接 在 代码 窗口 中 进行 编辑 的 设计 网 
页 编程 人 员 ， 掌 握 常用 的 HTML 标 记 还 是 非常 必要 的 ,在 上 一 小 节 中 介绍 了 基础 的 标记 ,在 本 
节 中 将 系统 地 介绍 常用 的 HTML 标 记 。 

1. HTML 的 基本 结构 


HTML (Hypertext Markup Language， 超 文本 标记 语言 ) 是 一 种 用 来 制作 超 文 本 文档 的 简 
单 标记 语言 。 用 HTML 编 写 的 超 文本 文档 称 为 HTML 文 档 ， 能 独立 于 各 种 操作 系统 平台 〈 如 
UNIX、Windows 等 ) 。 使 用 HTML 语 言 描述 的 文件 ， 需 要 通过 WWW 浏 览 器 显示 出 效果 来 。 
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之 所 以 称 为 超 文本 ， 是 因为 它 可 以 加 入 图 片 、 声 音 、 动 画 、 影 视 等 内 容 ， 还 可 以 从 一 个 文 
件 跳 转 到 另 一 个 文件 ， 与 世界 各 地 主机 的 文件 连接 。 

(1) 表现 丰富 多 彩 的 设计 风格 

ee 图 片 调用 : <img src=" 文 件 名 "> 

e@ 文字 格式 : <font size="+6 " color="00FFFF"> 文 字 </font> 

(2) 实现 页 面 之 间 的 跳 转 

页 面 跳 转 : <a hre 合 "文件 路 径 /文件 名 "</a> 


(3 ) 通过 HTML 可 以 展现 多 媒体 的 效果 
@ 导入 声 频 文件 : <embed src=" 音 乐 文件 名 " autostart=true> 
@ 嵌入 视频 文件 <embed src=" 视 频 文件 名 " autostart=true> 


上 面 在 示例 超 文本 特征 的 同时 ， 采 用 了 在 制作 超 文本 文档 时 需要 用 到 的 部 分 标签 。 所 
谓 标签 ， 就 是 采用 一 系列 的 指令 符号 来 控制 输出 的 效果 , 这些 指 令 符号 用 “< 标签 名 字 属 
性 >” 来 表示 。 

超 文本 文档 分 文档 头 和 文档 体 两 部 分 。 在 文档 头 中 对 文档 进行 一 些 必要 的 定义 , 在 文档 体 
中 定义 要 显示 的 各 种 文档 信息 。 下 面 的 结构 表示 了 HTML 的 基本 结构 : 

<htm1> 


<head> 
头 部 信息 
MW 

















<body> 

文档 主体 ， 正 文部 分 

</body> 

</html> 

其 中 ，<html> 在 最 外 层 ， 表 示 这 对 标记 间 的 内 容 是 HTML 文 档 。 还 会 看 到 一 些 Homepage 
省 略 了 <html> 标 记 ， 因 为 .html 或 .htm 文 件 被 Web 浏 览 器 默认 为 是 HTML 文 档 。<head> 之 间 包 括 
文档 的 头 部 信息 ， 如 文档 总 标题 等 ， 若 不 需要 头 部 信息 则 可 省 略 此 标记 。<body> 标 记 一 般 不 
省 略 ， 表 示 正 文 内 容 的 开始 。 


2. 超 文本 中 的 标签 


接触 超 文本 ， 经 常 使 用 到 的 就 是 用 “<” 和 “>” 括 起 来 的 句子 ， 即 标签 ， 是 用 来 分 割 和 
标记 文本 的 元 素 ， 以 形成 网 页 文本 的 布局 、 文 字 的 格式 及 五 彩 缤纷 的 画面 。 下 面 就 介绍 一 下 常 
见 的 单 标 签 、 双 标签 及 标签 的 属性 。 

(1) 单 标签 

只 要 单独 使 用 就 能 完整 地 表达 意思 的 标签 称 为 单 标签 。 这 类 标记 的 语法 是 : 

< 标签 名 称 > 


最 常用 的 单 标签 是 <br>， 它 表示 换行 。 
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(2 ) 双 标 签 

另 一 类 标记 称 为 “ 双 标 签 ”， 由 “ 始 标签 ”和 “ 尾 标签 ”两 部 分 构成 ， 必 须 成 对 使 用 。 其 
中 ， 始 标签 告诉 Web 浏 览 器 从 此 处 开始 执行 该 标记 所 表示 的 功能 ， 而 尾 标签 告诉 Web 浏 览 器 在 
这 里 结束 该 功能 。 始 标签 前 加 一 个 斜 枉 〈/) 即 为 尾 标签 。 这 类 标记 的 语法 是 : 

< 标签 > 内 容 </ 标 签 > 


其 中 “内 容 ” 部 分 就 是 要 被 这 对 标记 施加 作用 的 部 分 。 例如 , 想 突 出 某 段 文 字 的 显示 效果 ， 
就 将 此 段 文字 放 在 <em> </em> 标 记 中 : 


<em> 第 一 : </em> 


(3 ) 标签 属性 
许多 单 标签 和 双 标 签 的 始 标签 内 可 以 包含 一 些 属性 ， 其 语法 是 : 
< 标签 名 字 属性 1 属性 2 属性 3 …… 3 


各 属性 之 间 无 先后 顺序 ， 属 性 也 可 省 略 〈 即 取 默 认 值 )， 例 如 单 标记 <HR> 表 示 在 文档 当前 
位 置 画 一 条 水 平 线 〈Horizontal Line) ， 一 般 是 从 窗口 中 当前 行 的 最 左 端 一 直 画 到 最 右 端 。 例 如 : 
<hr size=3 align=left width="75g%"> 


size 属性 定义 线 的 粗细 ， 属 性 值 取 整 数 ， 默 认为 1; align 属性 表示 对 齐 方式 ， 可 

取 left ( 左 对 齐 ， 默 认 值 ) 、center ( 居中 ) 、right ( 右 对 齐 ) ; width 属性 定义 
线 的 长 度 ， 可 取 相 对 值 ， (由 一 对 " "号 括 起 来 的 百分数 ， 表 示 相 对 于 充满 整个 
窗口 的 百分比 ), 也 可 取 绝 对 值 ( 用 整数 表示 的 屏幕 像素 点 的 个 数 , 如 width=300 )， 
默认 值 是 "100%"。 


3， 标 题 标签 <hm> 


一 般 文章 都 有 标题 、 副 标题 、 章 和 节 等 结构 ，HTML 中 也 提供 了 相应 的 标题 标签 <hn>， 其 
中 /为 标题 的 等 级 。HTML 提 供 了 6 个 等 级 的 标题 ，n 越 小 ， 标 题字 号 就 越 大 。 下 面 列 出 所 有 等 
级 的 标题 : 


<hl>...</hl>: 第 一 级 标题 
<h2>...</h2>: 第 二 级 标题 
<h3>...</h3>: 第 三 级 标题 
<h4>...</h4>: 第 四 级 标题 
<h5>...</h5>: 第 五 级 标题 
<h6>...</h6>: 第 六 级 标题 


请 看 下 面 的 例子 : 


<html> 

<head> 
<tit1le> 标 题 示例 </tit1le> 
</head> 

<body> 

这 是 一 行 普通 文字 <p> 
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<h1> 一 级 标题 </h1> 
<h2> 二 级 标题 </h2> 
<h3> 三 级 标题 </h3> 
<h4> 四 级 标题 </h4> 
<h5> 五 级 标题 </h5> 
<h6> 六 级 标题 </h6> 
</body> 

</html> 


运行 后 的 网 页 效果 如 图 3-4 所 示 。 
从 结果 可 以 看 出 , 每 一 个 标题 的 字体 为 黑体 


字 ， 内 


4. 


容 文字 前 后 都 插入 空 行 。 
换行 标签 <br> 


在 编写 HTML 文 件 时 ， 不 必 考 虑 太 细 的 设 
置 ， 也 不 必 理 会 段落 过 长 的 部 分 会 被 浏览 器 切 


掉 。 因 





为 ， 在 HTML 语 言 规范 里 ， 每 当 浏览 器 窗 


口 被 缩小 时 , 浏览 器 会 自动 将 右边 的 文字 转折 至 
下 一 行 。 所 以 , 编写 者 对 于 自己 需要 断 行 的 地 方 ， 
应 加 上 <br> 标 签 。 


请 


看 下 面 的 例子 : 


<html> 

<head> 
<title> 换 行 示 例 </title> 
</head> 

<body> 

登 驮 稚 楼 <br> 白 日 依 山 尽 ，<br> 黄 河 入 海流 。<br> 欲 穷 千里 目 ，<br> 更 上 一 层 楼 。 


</ 


body> 


</html> 


运行 后 的 效果 如 图 3-5 所 示 。 


5. 


段落 标签 <P> 


为 了 排列 得 整齐 、 清 晰 ， 文 字段 落 之 间 常 用 
<p></p> 来 做 标记 。 文 件 段落 的 开始 由 <p> 来 标 
记 ， 段 落 的 结束 由 </p> 来 标记 ，</p> 是 可 以 省 略 


的 ， 因 





为 下 一 个 <p> 的 开始 就 意味 着 上 一 个 <p> 


的 结束 。<p> 标 签 还 有 一 个 属性 align， 用 来 指名 


字符 显示 时 的 对 齐 方式 ， 一 般 值 有 center、left、 
right 三 种 。 
下 面 用 例子 来 说 明 这 个 标签 的 用 法 。 
<html> 
<head> 
<title> 段 落 标签 </title> 
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图 3-4 不 同 级 标题 效果 
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图 3-5 换行 标签 效果 
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</head> 

<body> 

<p align=center> 

浣溪沙 <p align=center > 一 曲 新 词 酒 一 杯 , 去 年 天 气 旧 亭 台 , 夕阳 西 下 几时 回 。.<pP align=center 
> 无 可 奈何 花 落 去 ， 似 曾 相识 燕 归 来 ， 小 园 香 径 几 徘徊 。</P> 

</body> 

</html> 


运行 后 的 效果 如 图 3-6 所 示 。 
6. 水 平 线段 标签 <hr> 


这 个 标签 可 以 在 屏幕 上 显示 一 条 水 平 线 , 用 以 分 
制 页 面 中 的 不 同 部 分 。 一 由 新 站 村， 去 年 天 气 有 这 台 ， 少 阳 本 下 几时 加 。 


无 可 奈何 花 落 去 ， 似 曾 相识 藉 来 ， 小 到 香 径 几 各 条。 
<hr> 有 以 下 几 个 属性 。 


e@ Size 表示 水 平 线 的 宽度 。 

e width 表示 水 平 线 的 长 度 ， 用 占 屏幕 宽度 的 
百分比 或 像素 值 来 表示 ， 0 

e align 表示 水 平 线 的 对 齐 方式 ， 有 left、right、center 三 种 。 

enoshade 表示 线段 无 阴影 属性 ， 为 实心 线段 。 


下 面 用 几 个 例子 来 说 明 该 线段 的 用 法 。 
(1) 线段 宽度 的 设 定 实例 


<html> 

<head> 
<title> 线 段 粗 细 的 设 定 </title> 
</head> 

<body> 

<p> 这 是 第 一 条 线段 ， 无 size 设 定 ， 取 内 定 值 SIZE=1 来 显示 <br> 
<hr> 

<p> 这 是 第 二 条 线段 ，SIZE=5<br> 
<hr size=5> 

<p> 这 是 第 三 条 线段 ，SIZE=10<br> 
<hr size=10> 

</body> 

</html> 


运行 后 的 效果 如 图 3-7 所 示 。 
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这 是 第 一 条 线 息 ， 无 sizs 设 定 ， 取 内 定 信 SIZE=1 来 显示 


这 是 第 二 条 线段 ，SIZB=5 





这 是 第 三 条 线段 ，STZ8=10 











100% ~ 


图 3-7 线段 粗细 的 设置 效果 
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(2 ) 线段 长 度 的 设 定 实例 





运行 后 的 效果 如 图 3-8 所 示 。 
(3 ) 线段 排列 的 设 定 实例 





运行 后 的 效果 如 图 3-9 所 示 。 


[ovareaperen sm 。。 国 D cx 


[sawmrmas “| 
| FE wm mm wenw Im wa | 
这 是 第 一 条 续 耻 ， 无 KIDTH 设 定 ， 职 W1278 内 定 值 104 未 显示 这 是 第 一 条 线 耻 ,元 LaH 诬 定 《到 内 定 逢 CnrERS 示 ) 





生生 ,Worir50 (1 避 广 ) 这 是 第 一 未 续 耻 向 左 看 


这 是 第 三 条 线段 ，WIDTHE50W (百分比 方式 ) 这 是 第 三 条 绪 段 ， 向 右 对 齐 








3-8 线段 长 度 的 设置 效果 3-9 线段 排列 的 效果 
(4) 无 阴影 的 设 定 实例 
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</head> 

<body> 

<p> 这 是 第 一 条 线段 ， 无 NOSHADE 设 定 ， 取 内 定 值 阴影 效果 来 显示 <br> 
<hr width=80% size=5> 

<p> 这 是 第 二 条 线段 ， 有 NOSHADE 设 定 <br> 

<hr width=80% size=7 align=left noshade> 

</body> 

</html> 


运行 后 的 效果 如 图 3-10 所 示 。 
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这 是 第 一 条 线段 ， 无 NDSHADE 讼 定 ， 到 内 定 什 阴 影 效果 来 显示 


这 是 第 一 条 线段 ， 有 NDSHADE 设 定 








图 3-10 无 阴影 设置 效果 


3.3 ”文字 常用 标签 


网 页 主要 是 由 文字 及 图 片 组 成 的 ,在 网 页 中 那些 千变万化 的 文字 效果 又 是 由 哪些 常用 的 标 





签 进行 控制 的 呢 ? 本 节 主 要 介绍 文字 的 大 小 、 字 体 、 样 式 及 颜色 控制 。 
1. 文字 的 大 小 设置 


提供 设置 字号 大 小 的 是 font。font 有 一 个 属性 size， 通 过 指定 size 属 性 就 能 设置 字号 大 小 ， 


而 size 属 性 的 有 效 值 范围 为 1~7， 其 中 默认 值 为 3。 可 以 在 size 属 性 值 之 前 加 上 “十 ”“ 一 
符 来 指定 相对 于 字号 默认 值 的 增 量 或 减 量 。 
示例 : 


<html> 

<head> 

<title> 字 号 大 小 </title> 

</head> 

<body> 

<font size=7> 这 是 size=7 的 字体 </font><P> 
<font size=6> 这 是 size=6 的 字体 </font><P> 
<font size=5> 这 是 size=5 的 字体 </font><P> 
<font size=4> 这 是 size=4 的 字体 </font><P> 
<font size=3> 这 是 size=3 的 字体 </font><P> 
<font size=2> 这 是 size=2 的 字体 </font><P> 
<font size=1> 这 是 size=1 的 字体 </font><P> 
<font size=-1> 这 是 size=-1 的 字体 </font><P> 
</body> 

</html> 


» 必 


字 
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发 布 后 的 效果 如 图 3-11 所 示 。 
2. 文字 的 字体 与 样式 


HTML 4.0 以 上 的 版 本 提供 了 定义 字体 的 功能 , 用 “| 这 是 size=7 的 字体 
face 属 性 来 完成 这 个 工作 。face 的 属性 值 可 以 是 本 机 上 “| 这 是 size-6 的 字体 
的 任 一 字体 类 型 ， 但 有 一 点 需要 注意 ， 只 有 对 方 的 电 
脑 中 装 有 相同 的 字体 才 可 以 在 他 的 浏览 器 中 出 现 预 先 





设计 的 风格 。 


格式 如 下 : 


<font face=" 字 体 "> 


示例 : 


<HTML> 
<HEAD> 


<TITLE> 字 体 </TITLE> 


</HEAD> 
<BODY> 


<CENTER> 
<FONT face=" 楷 体 _GB2312"> 欢 迎 光 临 </FONT><P> 
<FONT face=" 宋 体 "> 欢 迎 光临 </FONT><P> 
<FONT face=" 仿 宋 _GB2312"> 欢 迎 光临 </FONT><P> 
<FONT face=" 黑 体 "> 欢 迎 光临 </FONT><P> 
<FONT face="Arial">Welcome my homepage.</FONT><P> 

<FONT face="Comic Sans MS">Welcome my homepage.</FONT><P> 
</CENTER> 


</BODY> 
</HTML> 


发 布 后 的 效果 如 图 3-12 所 示 。 


HTML 还 提供 了 一 些 标签 产生 文字 的 强调 加 
粗 、 斜体、 加 下 划 线 等 效果 ， 现 将 常用 的 标签 列举 


如 下 : 


<b>... 
es 
Us 
a! > 
<big>…</big>: 大 型 字体 。 
<small>.…</small>: 小 型 字体 。 
<blink>…</blink>: 闪烁 效果 。 
<em>…</em>: 表示 强调 ， 一 般 为 斜体 。 
<strong>…</strong>: 表示 特别 强调 ， 一 般 为 粗 体 。 
<cite>…</cite>: 用 于 引证 、 举 例 ， 一 般 为 斜体 。 


</b>: 粗 体 。 

</i>: 斜体 。 

</u>: 加 下 划 线 。 
<tt>: 打字 机 字体 。 


现在 用 一 个 实例 来 看 看 效果 : 




















这 是 size=5 的 字体 

















图 3-11 文字 大 小 不 同 
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欢迎 光临 
欢迎 光临 
欢迎 并 临 
欢迎 光临 





















Welcome my homepage 


Welcome my homepage. 











图 3-12 不 同 的 字体 
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<html> 
<head> 


<title> 字 体 样式 </title> 


</head> 

<body> 
<b> 黑 体 字 </b> 

<p> <i> 斜 体 字 </i> 
<p> <u> 加 下 划 线 </u> 


<p> <big> 大 型 字体 </big> 

<p> <small1> 小 型 字体 </small> 
<p> <blink> 闪 烁 效果 </blink> 
<p><em>Welcome</em> 
<p><strong>Welcome</strong> 
<p><cite>Welcome</cite></p> 


</body> 
</html> 


发 布 后 的 效果 如 图 3-13 所 示 。 


3. 文字 的 颜色 
文字 颜色 设置 格式 如 


Fs 


<font color=color value>..</font> 


这 里 的 颜色 值 可 以 是 一 个 十 六 进 制 数 
(用 “#” 作 为 前 级) ， 也 可 以 是 16 种 常用 


颜色 名 称 ， 如 表 3-1 所 示 。 


表 3-1 
Black = "#000000" 
Silver = "#COC0C0" 











常用 颜色 值 表 


图 3-13 不 同 字体 效果 


Green = "#008000" 
Lime = "#00FFO0" 





Gray = "#808080" 


Olive = "#808000" 








White = "#FFFFFF" 


Yellow = "#FFFFOO" 





Maroon = "#800000" 
Red = "#FF0000" 


Navy = "#000080" 
Blue = "#0000FF" 








Purple = "#800080" 


Fuchsia = "#FFOOFF" 


Teal = "#008080" 





Aqua = "#00FFFF" 





请 看 例子 : 


<Html> 
<head> 


<tit1le> 文 字 的 颜色 </title> 


</head> 


<body bgcolor=000080> 


<center> 


<font color=white> 七 彩 网 络 </font><br> 


a 
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<font color=red> 七 彩 网 络 </font> <br> 
<font color=#00ffff> 七 彩 网 络 </font><br> 
<font color=#ffff00> 七 彩 网 络 </font><br> 
<font color=#ffffff> 七 彩 网 络 </font> <br> 
<font color=#00ff00> 七 彩 网 络 </font><br> 
<font color=#c0c0c0> 七 彩 网 络 </font><br> 
</center> 

</body> 

</html> 


发 布 后 的 效果 如 图 3-14 所 示 。 
4. 位 置 控 制 


通过 align 属 性 可 以 选择 文字 或 图 片 的 对 齐 方式 ;left 表示 向 左 对 齐 ，right 表 示 向 右 对 齐 ， 
center 表 示 居 中 。 基 本 语法 如 下 : 


<html> 
<head> 
<title> 位 置 控制 </title> 
</head> 
<body> 
<div> 
<div align="left"> 你 好 !<br> 
</div> 

<div align="center"> 你 好 !<br> 
</div> 

<div align="right"> 你 好 !<br> 
</div> 
</div> 
</body> 
</html> 


发 布 后 的 效果 如 图 3-15 所 示 。 


























-Toa 
0 你 好 ! 
你 好 
图 3-14 不 同 的 文字 颜色 效果 图 3-15 文字 的 位 置 控 制 效果 
另外 ，align 属 性 也 常常 用 在 其 他 标签 中 ， 引 起 其 内 容 位 置 的 变动 。 
例如 : 
<p align=#> 
<hr align=#> #=left / right / center 


<hl1 align=#> 





5. 无 序号 列表 
无 序号 列表 使 用 的 一 对 标签 是 <ul></ul>， 每 一 个 列表 项 前 使 用 <li>。 其 结构 如 下 : 





发 布 后 的 效果 如 图 3-16 所 示 。 





图 3-16 无 序列 表 的 文字 排版 效果 
6. 序号 列表 


序号 列表 和 无 序号 列表 的 使 用 方法 基本 相同 ， 使 用 标签 <ol></ol>， 每 一 个 列表 项 前 使 用 
<li>。 每 个 项 目 都 有 前 后 顺序 之 分 ， 多 数 用 数字 表示 。 其 结构 如 下 : 
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示例 : 





发 布 后 的 效果 如 图 3-17 所 示 。 





图 3-17 有 序列 表 的 效果 


3.4 ”表格 标签 


在 网 页 中 表格 是 作为 搭建 网 页 结构 框架 的 主要 工具 之 一 ,因此 掌握 好 表格 常用 的 标签 也 是 
非常 重要 的 。 


1. 表格 的 基本 结构 


表格 主要 是 嵌 套 在 <table> 和 </table> 标 签 里 面 ， 一 对 <table> 标 签 表示 组 成 一 个 表格 。 现 在 
把 表格 的 基本 结构 列 于 下 : 


示例 : 


。56 。 
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<tr><th> 姓 名 </th><th> 性 别 </th><th> 年 龄 </th> 
<tr><td> 李 睦 芳 </td><td> 男 </td><td>22</td> 
</table> 


发 布 后 的 效果 如 图 3-18 所 示 。 
2. 表格 的 标题 


表格 标题 的 位 置 ， 可 由 align 属 性 来 设置 ， 其 位 置 可 以 
在 表格 上 方 和 表格 下 方 。 下 面 为 表格 标题 位 置 的 设置 格 























设置 标题 位 于 表格 上 方 : 
<caption align=top> ... </caption> 
设置 标题 位 于 表格 下 方 : 
<caption align=bottom> ... </caption> 
示例 : 


<table border=1> 

<caption align=top> 用 户 </caption> 
<tr><th> 姓 名 </th><th> 性 别 </th><th> 年 龄 </th> 
<tr><td> 李 睦 芳 </td><td> 男 </td><td>22 </td> 
</table> 


发 布 后 的 效果 如 图 3-19 所 示 。 

3. 表格 尺寸 设置 图 3-19 表格 标题 效果 

一 般 情况 下 , 表格 的 总 长 度 和 总 宽度 是 根据 各 行 和 各 列 的 总 和 自动 调整 的 , 如 果 要 直接 固 
定 表格 的 大 小 ， 可 以 使 用 下 列 方式 : 

<table width=nl height=n2> 

width 和 height 属 性 分 别 指定 表格 一 个 固定 的 宽度 和 长 度 ，nl 和 n2 可 以 用 像素 来 表示 ， 也 
可 以 用 百分比 《与 整个 屏幕 相 比 的 大 小 比例 ) 来 表示 。 

4. 边框 尺寸 设置 

边框 是 用 border 属 性 来 体现 的 ， 它 表示 表格 的 边框 边 厚度 和 框 线 。 将 border 设 成 不 同 的 值 ， 
会 有 不 同 的 效果 。 

(1) 格 间 线 宽度 

格 与 格 之 间 的 线 为 格 间 线 ， 它 的 宽度 可 以 使 用 <table> 中 的 cellspacing 属 性 加 以 调节 ， 格 式 为 : 

<table cellspacing=#> # 表 示 要 取 用 的 像素 值 

(2) 内 容 与 格 线 之 间 的 宽度 

还 可 以 在 <table> 中 设置 cellpadding 属 性 ， 用 来 规定 内 容 与 格 线 之 间 的 宽度 ， 格 式 为 : 

<table cellpadding=#> # 表 示 要 取 用 的 像素 值 
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5. 表格 内 文字 的 对 齐 与 布局 


表格 中 数据 的 排列 方式 有 两 种 , 分 别 是 左右 排列 和 上 下 排列 。 左右 排列 是 以 align 属 性 来 设 
置 ， 而 上 下 排列 则 由 valign 属 性 来 设置 。 其 中 ， 左 右 排列 的 位 置 可 分 为 3 种 ， 即 居 左 〈left) 、 
居 右 (right) 和 居中 (center) ; 而 上 下 排列 比较 常用 的 有 4 种 , 即 上 齐 (top)、 居 中 (middle) 、 
下 齐 (bottom) 和 基线 (baseline) 。 


6. 跨 多 行 、 多 列 的 表 元 

要 创建 跨 多 行 、 多 列 的 表 元 ， 只 需 在 <th> 或 <td> 中 加 入 rowspan 或 colspan 属 性 。 这 两 个 属 
性 的 值 表明 了 表 元 中 要 跨越 的 行 或 列 的 个 数 。 

跨 多 列 的 表 元 为 : 

<th colspan=#> <td colspan=#> 

colspan 表 示 跨 越 的 列 数 ， 例 如 colspan=2 表示 这 一 格 的 宽度 为 两 列 的 宽度 。 

跨 多 行 的 表 元 为 

<th rowspan=#> <td rowspan=#> 

rowspan 表 示 跨 越 的 行 数 ， 例 如 rowspan=2 表示 这 一 格 的 高 度 为 两 行 的 高 度 。 

7. 表格 的 颜色 

在 表格 中 ， 既 可 以 对 整个 表格 填 入 底 色 ， 也 可 以 对 任何 一 行 、 一 个 表 元 使 用 背景 色 。 

表格 的 背景 色彩 格式 : 

<table bgcolor=#> 

行 的 背景 色彩 格式 : 

<tr bgcolor=#> 

表 元 的 背景 色彩 格式 : 


<th bgcolor=#> 或 <td bgcolor=#> 


3.5 ”链接 标签 


利用 超级 链接 可 以 实现 在 文档 间或 文档 中 的 跳 转 。 超 级 链接 是 由 两 个 端点 和 一 个 方向 构成 
的 。 在 一 般 情 况 下 ， 将 开始 位 置 的 端点 叫做 源 端 点 ， 将 目标 位 置 的 端点 叫做 目标 端点 ， 链 接 就 
是 由 源 端 点 向 目标 端点 的 一 种 跳 转 。 目标 端点 可 以 是 任意 的 网 络 资源 , 如 一 个 网 页 、 一 幅 图 像 、 
一 段 程序 等 。 

一 个 链接 的 基本 格式 如 下 : 

<a href=" 资 源 地址 "> 链接 文字 </a> 

其 中 : 


e 标签 <a> 表 示 一 个 链接 的 开始 ，</a> 表 示 链 接 的 结束 。 
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。 属性 href 定 义 了 这 个 链接 所 指 的 地 方 。 

e 通过 单 击 “ 链 接 文字 ”可 以 到 达 指 定 的 文件 。 
示例 : 

<A HREF="http://www.sina.com.cn"> 新 浪 网 </A> 


链接 分 为 本 地 链接 、URL 链 接 和 目录 链接 。 在 链接 的 各 个 要 素 中 ， 资 源 地 址 是 最 重要 的 ， 
一 旦 路 径 上 出 现 差错 ， 该 资源 就 无 法 从 用 户 端 取 得 。 下 面 就 分 别 介 绍 这 3 种 链接 。 


1. 本 地 链接 


对 同一 台 机 器 上 的 不 同文 件 进行 的 连接 称 为 本 地 链接 ， 使 用 UNIX 或 DOS 系 统 中 文件 路 径 
的 表示 方法 ， 采 用 绝对 路 径 或 相对 路 径 来 指示 一 个 文件 。 


(1) 绝对 路 径 

绝对 路 径 是 包含 服务 器 协议 〈 在 网 页 上 通常 是 http:// 或 ftp:/) 的 完全 路 径 。 绝 对 路 径 包 含 
的 是 精确 位 置 ， 而 不 用 考虑 源 文档 的 位 置 。 但 是 如 果 目 标 文档 被 移动 ， 则 超级 链接 无 效 。 创 
建 当 前 站 点 以 外 文件 的 超级 链接 时 必须 使 用 绝对 路 径 。 


(2) 相对 路 径 

相对 路 径 是 指 和 当前 文档 所 在 的 文件 夹 相 对 的 路 径 。 例如， 文档 test.swf 在 文件 夹 Flash 中 ， 
它 指 定 的 就 是 当前 文件 夹 内 Flash 的 文档 。.../test.swf 指 定 的 是 当前 文件 夹 上 级 目录 中 的 文档 ; 
而 /test/test.swf 指 定 的 是 Flash 文 件 夹 下 test 文 件 夹 中 的 test.swf 文 档 。 和 文档 相对 的 路 径 通常 是 最 
简单 的 路 径 ， 可 以 用 来 链接 与 当前 文档 在 同一 文件 夹 中 的 文件 。 


在 创建 和 文档 相对 的 路 径 之 前 必须 保存 新 文件 ， 因 为 在 没有 定义 文件 起 始点 的 情 

4 况 下 ， 和 文档 相对 的 路 径 是 无 效 的 。 在 文档 保存 之 前 ，Dreamweaver CC 会 自动 使 
提 示 ”用 以 file:// 开 头 的 绝对 路 径 . 

一 般 情况 下 是 不 用 绝对 路 径 的 , 因为 资源 常常 是 放 在 网 上 供 其 他 人 浏览 的 , 若 写 成 绝对 路 
径 ， 则 当 把 整个 目录 中 的 所 有 文件 移植 到 服务 器 上 时 ， 用户 将 无 法 访问 到 带 有 C:\ 的 资源 地 址 。 
所 以 最 好 写成 相对 路 径 ， 避 免 重 新 修改 文件 资源 路 径 的 麻烦 。 

2，URL 链 接 

如 果 链 接 的 文件 在 其 他 服务 器 上 , 就 要 弄 清 所 指向 的 文件 是 采用 的 哪 一 种 URL 地 址 。URL 
的 意思 是 统一 资源 定位 器 ， 通 过 它 可 以 以 多 种 通信 协议 与 外 界 沟通 ， 便 于 存 取信 息 。 

URL 链 接 的 形式 是 : 

协议 名 : // 主 机 .域名 / 路径 /文件 名 

其 中 ， 协 议 包 括 以 下 几 种 。 

e file: 本 地 系统 文件 。 

。 http: WWW 服务 器 。 

e ftp: FTP 服务 器 。 
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telnet: 基于 TELNET 的 协议 。 
mailto: 电子 邮件 。 

news: Usenet 新 闻 组 。 
gopher: GOPHER 服务 器 。 
wais: WAIS 服务 器 。 


3. 目录 链接 


前 面 所 谈 的 资源 地 址 只 是 单纯 地 指向 一 份 文件 , 对 于 直接 指 到 某 文件 上 部 、 下 部 或 是 中 央 
部 分 ， 则 是 无 法 访问 到 的 。 如 果 非 要 这 样 做 ， 也 并 不 是 毫 无 办 法 ， 可 以 使 用 目录 链接 。 

制作 目录 链接 的 方法 如 下 。 

首先 把 某 段落 设置 为 链接 位 置 ， 其 格式 是 : 

<a name=" 链 接 位 置 名 称 "></a> 
再 调用 此 链接 部 分 的 文件 ， 其 格式 是 : 
<a href=" 文 件 名 # 链 接 位 置 名 称 "> 链 接 文字 </a> 


如 果 是 在 一 个 文件 内 跳 转 ， 那 么 文件 名 可 以 省 略 不 写 。 

和 根 目 录 相 对 的 路 径 是 从 当前 站 点 的 根 目录 开始 的 ,站 点 上 所 有 可 以 公开 的 文件 都 存放 在 
站 点 的 根 目录 下 。 和 根 目录 相对 的 路 径 可 以 使 用 斜 杠 告诉 服务 器 从 根 目 录 开 始 ， 例 如 ， 
/Dreamweaver /index.html 将 链接 到 站 点 根 目录 Dreamweaver 文 件 夹 的 index.html 文 件 。 如 果 要 在 
内 容 经 常 被 移动 的 环境 中 建立 超级 链接 , 那么 使 用 和 根 目录 相对 的 路 径 则 是 最 佳 的 方法 。 在 使 
用 和 根 目录 相对 的 路 径 时 ， 包 含 超级 链接 的 文档 在 站 点 内 移动 ， 超 级 链接 不 会 中 断 。 但 是 ， 和 
根 目录 相对 的 路 径 不 适合 在 本 地 查看 站 点 ， 在 这 种 情况 下 ， 可 以 使 用 和 文档 相对 的 路 径 。 








第 4 章 VBScript 语言 和 ASP 基础 知识 


VBScript 是 Microsoft 公 司 推出 的 , 其 语法 是 Microsoft Visual Basic 的 简化 版 本 , 是 Microsoft 
特意 为 在 浏览 器 中 进行 工作 而 设计 的 ， 其 编程 方法 和 Visual Basic 基 本 相同 。 它 具有 易学 易 用 ， 
既 可 编写 服务 器 脚本 ， 也 可 编写 客户 端 脚本 语言 的 特点 。 

本 章 重要 知识 点 >>>>>>>>>> 

e VBScript 数据 类 型 
e VBScript 变量 

e VBScript 运算 符 
es VBScript 条件 语句 
二 
二 
二 
二 








VBScript 循环 类 型 
VBScript 过 程 
ASP 基础 知识 
ASP 的 内 置 对 象 


4.1 VBScript 语言 


VBScript 是 Microsoft 公 司 推出 的 一 种 脚本 语言 ， 其 目的 是 为 了 加 强 HTML 的 表达 能 力 ， 提 
高 网 页 的 交互 性 ， 增 进 客户 端 网 页 上 处 理 数据 与 运算 的 能 


4.1.1 VBScript 概 述 


VBScript 一 般 情况 下 是 和 HTML 结 合 在 一 起 使 用 的 ， 融 入 HTML 或 ASP 文 件 当中 。 
在 HTML 代 码 中 ， 必 须 使 用 <scripf> 标 签 才能 使 用 脚本 语言 ， 格 式 如 下 : 
<script> 

语言 主体 信息 
</script> 
例如 ， 可 以 用 一 个 VBScript 语 句 将 一 段 欢 迎 词 写 入 HTML 页 面 中 ， 代 码 如 下 : 


<script language="VBscript"> 
Window.Document .Write ("你 好 ! 欢迎 你 开始 学 习 VBScript 语言 ") 
</script> 


0 Document 是 Window 中 的 子 对 象 ，Write 是 Document 对 象 中 的 方法 ， 
language="VBscript" 标 识 标签 程序 中 是 基于 VBScript 代码 的 。 





提 示 
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从 上 面 的 代码 可 以 看 出 VBScript 代 码 是 成 双 成 对 地 出 现在 <scripf> 标 记 当 中 的 ， 也 就 是 说 
代码 从 <script> 开 始 到 </script> 结 束 。 其 中 ，language 属 性 代表 的 是 脚本 语言 。 
script 可 以 出 现在 HTML 中 的 任何 位 置 。 


4.1.2 _ VBScript 数据 类 型 


VBScript 只 有 一 种 数据 类 型 , 即 Variant。Variant 是 一 种 特殊 的 数据 类 型 , 根据 使 用 的 方式 ， 
可 以 包含 不 同类 别 的 信息 。 因 为 Variant 是 VBScript 中 唯一 的 数据 类 型 ， 所 以 它 也 是 VBScript 中 
所 有 函数 的 返回 值 的 数据 类 型 。 

最 简单 的 Variant 可 以 包含 数字 或 字符 串 信息 。Variant 用 于 数字 上 下 文中 时 作为 数字 处 理 ， 
用 于 字符 串 上 下 文中 时 作为 字符 串 处 理 。 这 就 是 说 ， 如 果 使 用 看 起 来 像 是 数字 的 数据 ， 则 
VBScript 会 假定 其 为 数字 并 以 适用 于 数字 的 方式 处 理 。 与 此 类 似 ， 如 果 使 用 的 数据 只 可 能 是 字 
符 串 ， 则 VBScript 将 按 字 符 串 处 理 。 也 可 以 将 数字 包含 在 引号 〈"") 中 使 其 成 为 字符 串 。 

除 简单 的 数字 或 字符 串 以 外 ,还 可 以 进一步 区 分 数值 信息 的 特定 含义 。 例如， 使 用 数值 信 
息 表示 日 期 或 时 间 。 此 类 数据 在 与 其 他 日 期 或 时 间 数 据 一 起 使 用 时 , 结果 也 总 是 表示 为 日 期 或 
时 间 ， 而 且 也 会 按照 最 适用 于 其 包含 的 数据 的 方式 进行 操作 ， 也 可 以 使 用 转换 数据 的 子 类 型 。 

下 面 是 几 种 在 VBScript 中 通用 的 常数 。 


True/False 表示 布尔 值 。 

Empty 表示 没有 初始 化 的 变量 。 
Null 表示 没有 有 效 的 数据 。 
Nothing 表示 不 应 用 的 变量 。 























Os 在 程序 设计 中 ， 可 以 利用 VarType 返回 数据 的 Variant 子 类 型 。 
提 示 


4.1.3 ” VBScript 变量 
(1) 声明 变量 的 一 种 方式 是 使 用 Dim、Public 和 Private 在 脚本 中 显 式 声明 变量 ， 例 如 : 
Dim abc 声明 一 个 abc 的 变量 
声明 多 个 变量 时 ， 使 用 逗号 分 隔 变 量 ， 例 如 : 
Dim abc, def, hij 


另 一 种 方式 是 通过 直接 在 脚本 中 使 用 变量 名 这 一 简单 方式 隐 式 声明 变量 ,这 通常 不 是 一 个 
好 习惯 , 因为 这 样 有 时 会 由 于 变量 名 被 拼 错 而 导致 在 运行 脚本 时 出 现 意 外 的 结果 。 因 此 ,最 好 
使 用 Option Explicit 语 句 显 式 声明 所 有 变量 , 并 将 <%Option Explicit%> 作 为 脚本 的 第 一 条 语句 ， 
一 般 放 在 页 面 代码 的 第 一 行 。 

(2) 变量 命名 规则 。 

变量 命名 必须 遵循 VBScript 的 标准 命名 规则 。 


e 第 一 个 字符 必须 是 字母 。 
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。 不 能 包含 识 入 的 句点 

。 长 度 不 能 超过 255 个 字符 。 

。 在 被 声明 的 作用 域内 必须 唯一 

(3) 变量 的 作用 域 与 存活 期 。 

变量 的 作用 域 由 声明 它 的 位 置 决定 。 如果 在 过 程 中 声明 变量 , 则 只 有 该 过 程 中 的 代码 可 以 
访问 或 更 改变 量 值 , 此 时 变量 具有 局 部 作用 域 并 被 称 为 过 程 级 变量 。 如 果 在 过 程式 之 外 声明 变 
量 ， 则 该 变量 可 以 被 脚本 中 所 有 的 过 程 所 识别 ， 称 为 Script 级 变量 ， 具 有 脚本 级 作用 域 。 

变量 存在 的 时 间 称 为 存活 期 。Script 级 变量 的 存活 期 从 被 声明 的 一 刻 起 ， 直 到 脚本 运行 结 
束 。 对 于 过 程 级 变量 ， 存 活期 仅 是 该 过 程式 运行 的 时 间 ， 该 项 过 程 结束 后 ， 变 量 随 之 消失 。 在 
执行 过 程 时 ， 局 部 变量 是 理想 的 临时 存储 空间 。 可 以 在 不 同 过 程 中 使 用 同名 的 局 部 变量 ， 这 是 
因为 每 个 局 部 变量 只 被 声明 它 的 过 程式 识别 。 

(4) 给 变量 赋值 。 

创建 如 下 形式 的 表达 式 为 变量 赋值 : 变量 在 表达 式 左边 , 要 赋 的 值 则 在 表达 式 右边 。 例如 ， 

Abc=100 


(5) 标量 变量 和 数组 变量 。 

多 数 情况 下 ， 只 需 为 声明 的 变量 赋 一 个 值 。 只 包含 一 个 值 的 变量 被 称 为 标量 变量 。 有 时 ， 将 
多 个 相关 值 赋 给 一 个 变量 更 为 方便 ， 因 此 可 以 创建 包含 一 系列 值 的 变量 ， 即 数组 变量 。 数 组 变量 
和 标量 变量 是 以 相同 的 方式 声明 的 ， 唯 一 的 区 别 是 声明 数组 变量 时 变量 名 后 面 带 有 括号 0。 下 例 
声明 了 一 个 包含 5 个 元 素 的 一 维 数组 : 


Dim abc (4) 


虽然 括号 中 显示 的 数字 是 4， 但 是 在 VBScript 中 所 有 数组 都 是 基于 0 的 ， 所 以 这 个 数组 实 
际 上 包含 5 个 元 素 。 在 基于 0 的 数组 中 ， 数 组 元 素 的 数目 是 括号 中 显示 的 数目 加 1， 这 种 数组 
被 称 为 固定 大 小 的 数组 。 

在 数组 中 使 用 索引 为 数组 的 每 个 元 素 赋值 (从 0 一 4， 将 数据 赋 给 数组 的 元 素 ) : 

Dim abc (0)=10 

Dim abc (1)=20 

Dim abc (2)=30 

Dim abc (3)=40 

Dim abc (4)=50 


依 此 类 型 ， 使 用 索引 可 以 检索 到 所 需 的 数组 元 素 的 数据 ， 例 如 : 


i = abc(3) 

数组 并 不 仅 限于 一 维 。 数 组 的 维 数 最 大 可 以 为 60 (尽管 大 多 数 人 不 能 理解 超过 3 或 4 的 
维 数 ) 。 声 明 多 维 数组 时 用 逗号 分 隔 括号 中 每 个 表示 数组 大 小 的 数字 。 在 下 例 中 ，MyVariable 
变量 是 一 个 有 4 行 和 9 列 的 二 维 数组 : 


Dim MyVariable (4, 9) 
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在 二 维 数组 中 ， 括 号 中 第 一 个 数字 表示 行 的 数目 ， 第 二 个 数字 表示 列 的 数目 。 

也 可 以 声明 动态 数组 ， 即 在 运行 脚本 时 大 小 发 生变 化 的 数组 。 对 数组 的 最 初 声明 使 用 Dim 
语句 或 ReDim 语 句 ， 但 是 对 于 动态 数组 ， 括 号 中 不 包含 量 任何 数字 ， 例 如 

Dim MyVariable() 

ReDim AnotherArray() 

要 使 用 动态 数组 ， 必 须 随后 使 用 ReDim 确 定 维 数 和 每 一 维 的 大 小 。 在 下 例 中 ，ReDim 将 动 
态 数 组 的 初始 大 小 设置 为 10， 而 后 面 的 ReDim 语 句 将 数组 的 大 小 重新 调整 为 5， 同 时 使 用 
ReDim 关 键 字 在 重新 调整 大 小 时 保留 数组 的 内 容 。 


ReDim MyVariable(10) 

















ReDim Preserve MyVariable(15) 
重新 调整 动态 数组 大 小 的 次 数 没有 任何 限制 , 将 数组 从 大 调 到 小 时 , 将 会 丢失 被 删除 元 素 
的 数据 。 


4.1.4 _ VBScript 运算 符 


VBScript 有 一 套 完整 的 运算 符 , 包括 算术 运算 符 、 比 较 运算 符 、 连接 运算 符 和 逻辑 运算 符 。 

运算 符 具有 优先 级 ， 首 先 计 算 算 术 运 算 符 ， 然 后 计算 比较 运算 符 ， 最 后 计算 逻辑 运算 符 。 
所 有 比较 运算 符 的 优先 级 相同 , 按照 从 左 到 右 的 顺序 计算 比较 运算 符 。 运算 符 及 其 优先 级 如 表 
4-1 所 示 。 


表 4-1 de 运算 符 及 其 优先 级 
算术 运算 符 逻辑 运算 符 
描述 FEE ET 
求 时 CE IE Not 
多 EE TFT EE ET | 吕 
了 DE ET CE 














和 人 Ts | Hash | 区 
求 余 Mod 大 于 等 于 > 逻辑 隐 含 imp 
加 + 对 象 引 用 比较 Is 

减 





4.1.5 ”使 用 条 件 语句 


使 用 条 件 语 句 可 以 编写 进行 判断 和 重复 操作 的 VBScript 代 码 。 在 VBScript 中 使 用 以 下 条 件 
语句 : 
1. If…Then…Else 语 句 


If…Then…Else 语 句 用 于 计算 条 件 是 否 为 tue 或 false， 并 且 根 据 计 算 结 果 指 定 要 运行 的 语 
句 。 通 常 , 条 件 是 使 用 比较 运算 符 对 值 或 变量 进行 比较 的 表达 式 。 有 关上 比较 运算 符 的 详细 信息 ， 
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可 参阅 比较 运算 符 。If…Then…Else 语 句 可 以 按照 需要 进行 嵌 套 。 例 如 : 


Sub AlertUser (Value) 
If Value = 0 then 
RARlertlabel.ForeCcolor =vbRed 
RAlertlabel.Font.bold = True 
Alert1label. .Font..Italic =True 
Else 
Alertlabel.ForeColor =vbBlack 
Alertlabel.Font .bold = False 
Alertlabel..Font. .Italic= False 
End if 
End Sub 


下 语句 执行 体 执行 完毕 后 ， 必 须 用 End If 结束 。 
提 示 
If…Then…Else 语 句 可 以 采用 一 种 变形 ， 允 许 用 户 从 多 个 条 件 中 选择 〈 添 加 ) ElseIf 子 句 以 
扩充 If…Then…Else 语 句 的 功能 ， 使 用 户 可 以 控制 基于 多 种 可 能 的 程序 流程 。 例 如 : 


Sub GetMyValue (Value) 
If Value = 0 then 
Msgbox Value 
Elself Value =1 then 
Msgbox Value 
Elself Value =2 then 
Msgbox Value 
Else 
Msgbox“ 数 值 超出 了 范围 ” 
End if 
End Sub 
法 如 下 : 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.0rg/TR/xhtml1/DTD/xhtmll-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>If.…Then*…Else 语句 运用 </title> 
</head> 
<body> 
<Script Language=VBScript> 
le 














dim hour 
hour=15 
if hour<8 then 
document .write "早上 好 ! " 
elseif hour>=8 and hour<12 then 
document .write "上 午 好 ! " 
elseif hour>=12 and hour<18 then 
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document .write "下 午 好 ! " 


else 
document .write "晚上 好 ! " 
end if 
--> 
/Se 
</body> 
</html> 





这 段 代 码 显示 了 时 间 ， 主 体 意思 是 dim 定 义 一 
个 变量 ， 名 为 hour, 将 这 个 变量 赋值 为 15， 当 hour | 
的 值 小 于 8 的 时 候 ， 显 示 “ 早 上 好 ”; 当 hour 的 值 NT 
大 于 或 等 于 8 而 小 于 12 的 时 候 , 显示 “上 午 好 ”; Ty 

当 hour 的 值 大 于 或 等 于 12 而 小 于 18 的 时 候 , 显示 
“下 午 好 ”; 其 他 ， 显 示 “ 晚 上 好 ”， 如 图 4-1 








ED 
Da 用 户 目录 Picture 过 DOX| Oe 









































所 示 。 
2. Select Case 语 名 ER 
在 上 面 的 If…Then…Else 语 句 中 可 以 添加 任 图 4-1 If…Then…Else 语句 


意 多 个 Elself 子 句 以 提供 多 种 选择 ， 但 这 样 使 用 经 常会 变 得 很 累 资 。 在 VBScript 语 言 中 对 多 个 
条 件 进 行 选择 时 建议 使 用 Select Case 语 句 。 

使 用 Select Case 结 构 进 行 判 断 可 以 从 多 个 语句 块 中 选择 执行 其 中 的 一 个 。Select Case 语 句 
使 用 的 功能 与 ff…Then…Else 语 句 类 似 ， 表 达 式 的 结果 将 与 结构 中 每 个 Case 的 值 比较 。 如 果 匹 
配 ， 就 执行 与 该 Case 关 联 的 语句 块 。 示 例 代码 如 下 : 


<html> 
<head> 
<title>select case 示例 </title> 
</HEAD> 
<body> 
<Script Language=VBScript> 
= 
dim Number 
Number = 3 
select case Number 
Case 1 
msgbox "弹出 窗口 A" 
Case 2 
msgbox "弹出 窗口 B" 
Case 3 
msgbox "弹出 窗口 C" 
Case else 
msgbox "弹出 窗口 D" 





end select 
--> 
</Script > 
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</body> 
</html> 
得 到 的 效果 如 图 4-2 所 示 。 和 和 
i 一 一 
9s Select Case 只 计算 开始 处 的 一 TE 
个 表达 式 (只 计算 一 次 ) , 而 文才 有 “生日 下 大 Mk 大 NI， 工 Rm 








站 


Jf.…Then.…Else 语句 结构 计算 
每 个 Elself 语句 的 表达 式 ， 这 
些 表达 式 可 以 各 不 相同 。 只 有 
当 每 个 Elself 语句 计算 的 表达 
式 都 相同 时 , 才 可 以 使 用 Select 
Case 结构 代替 If.…Then.…Else 
语句 。 图 4-2 Select Case 语句 








4.1.6 使 用 循环 语句 


循环 用 于 重复 执行 一 组 语句 。 循 环 可 分 为 3 类 : 一 类 在 条 件 变 为 False 之 前 重复 执行 语句 ; 





一 类 在 条 件 变 为 True 之 前 重复 执行 语句 ， 另 一 类 则 按照 指定 的 次 数 重复 执行 语句 。 


在 VBScript 中 可 使 用 下 列 循环 语句 。 


(1) Do…LOOP: 当 (或 直到 ) 条 件 为 True 时 循环 。 
例如 ， 计 算 1+2+……+100 的 总 和 ， 代 码 如 下 : 


<% 

Dim I Sum 

Sum=0 

i=0 

Do 

I=i+1 

Sum=Sum+1 

Loop Until i=100 

Response.Write (1+2+..+100= & Sum) 
多 > 


(2) While…Wend: 当 条 件 为 True 时 循环 。 其 语法 形式 为 
While (条 件 语句 ) 
执行 语句 
Wend 
(3) For…Next: 指定 循环 次 数 ， 使 用 计数 器 重复 运行 语句 。 其 语法 形式 为 : 
For counter =start to and step 
执行 语句 


Next 


(4) For Each…Next: 对 于 集合 中 的 每 项 或 数组 中 的 每 个 元 素 重复 执行 一 组 语句 。 
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4.1.7 VBScript 过 程 


在 VBScript 中 ， 
1. Sub 过 程 


过 程 被 分 为 两 类 : Sub 过 程 和 Function 过 程 。 


Sub 过 程 是 包含 在 Sub 和 End Sub 语 句 之 间 的 一 组 VBScript 语 句 ， 执 行 操作 但 不 返回 值 。 过 
程 可 以 使 用 参数 (由 调用 过 程 传递 的 常数 、 变 量 或 表达 式 ) 。 如 果 Sub 过 程 无 任何 参数 ， 则 Sub 
语句 必须 包含 空 括号 ()。 
例如 ， 下 面 的 Sub 过 程 使 用 两 个 应 有 的 (或 内 置 的 ) 函数 (InputBox 和 MsgBox ) 来 提示 用 
户 输入 信息 ， 然 后 显示 结果 。 代 码 如 下 : 


Sub ShowDialog () 
Temp = InputBox (" 请 输入 你 的 名 字 ") 


MsgBox "你 好 " 
End Sub 


&CStr(temp) & "! " 


2. Function 过 程 


Function 过 程 是 包含 在 Function 和 End Function 语 句 之 间 的 一 组 VBScript 语 句 。 Function 过 程 
与 Sub 过 程 类 似 ， 但 是 Function 过 程 可 以 返回 值 。Function 过 程 可 以 使 用 参数 (由 调用 过 程 传递 
的 常数 、 变 量 或 表达 式 ) 。 如 果 Function 过 程 无 任何 参数 ， 则 Function 语 句 必 须 包 含 空 括号 (0)。 
Function 过 程 通过 函数 名 返回 一 个 值 ， 这 个 值 是 在 过 程 的 语句 中 赋 给 函数 名 的 。Function 返 回 
值 的 数据 类 型 为 Variant。 





在 下 面 的 示例 中 
代码 如 下 : 





PF，ShowInputName 函 数 将 返回 一 个 组 合 字 符 串 ， 并 利用 Sub 过 程 输 


Sub ShowDialog () 
Temp = InputBox (" 请 输入 你 的 名 字 ") 
MsgBox AVGMYScore (temp) 


End Sub 


Function ShowInputName (inputName) 
AVGMYScore=" 你 好 : " & CStr (inputName) & "!" 


End Function 


在 代码 中 使 用 Sub 和 Function 过 程 时 ， 需 要 注意 以 下 两 点 。 

e 调用 Function 过 程 时 ， 函 数 名 必须 用 在 变量 赋值 语句 的 右 端 或 表达 式 中 。 例 如 : 

Showinfo=showInputName (temp) 或 Msgbox AVGMyScore (temp) 

e 调用 Sub 过 程 时 ， 只 需 输 入 过 程 名 及 所 有 参数 值 ， 参 数值 之 间 使 用 逗号 分 隔 ; 无 须 
使 用 Call 语句 ， 如 果 使 用 了 此 语句 ， 就 必须 将 所 有 参数 包含 在 括号 之 中 。 例 如 : 


Call MyProc(firstarg, secondarg) 
MyProc firstarg,secondarg 














结果。 
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4.2 ASP 基础 知识 


ASP 是 Active Server Pages 的 简称 ， 是 解释 型 的 脚本 语言 环境 。ASP 的 运行 需要 Windows 操 
作 系 统 ，9x 下 需要 安装 PWS; 而 NT/2000/XP 则 需要 安装 Internet Information Server (IIS) ; ASP 
是 目前 最 流行 的 开放 式 的 Web 服 务 器 应 用 程序 开发 技术 。 它 能 很 好 地 将 脚本 语言 、 HTML 和 数 
据 库 结 合 在 一 起 ， 通 过 网 页 程序 来 操控 数据 库 。 


4.2.1 ASP 概 述 


ASP (Active Server Pages， 活 动 服务 器 页 面 ) 就 是 一 个 编程 环境 ， 可 以 混合 使 用 HTML、 
脚本 语言 以 及 组 件 来 创建 服务 器 端 功 能 强大 的 Internet 应 用 程序 。 如 果 你 以 前 创建 过 一 个 站 点 ， 
其 中 混合 了 HTML、 脚 本 语言 以 及 组 件 ， 就 可 以 在 其 中 加 入 ASP 程 序 代 码 。 通 过 在 HTML 页面 
中 加 入 脚本 命令 ， 就 可 以 创建 一 个 HTML 用 户 界面 ,并且 ， 还 可 以 通过 使 用 组 件 包 含 一 些 商 业 
逻辑 规则 。 组 件 可 以 被 脚本 程序 调用 ， 也 可 以 由 其 他 的 组 件 调用 。 

ASP 具 有 以 下 特点 。 


。 ASP 不 需要 进行 编译 就 可 以 直接 执行 ， 并 整合 于 HTML 中 。 

ee ASP 不 需要 特定 的 编辑 软件 ， 使 用 一 般 的 编辑 工具 就 可 以 ， 如 记事 本 。 

e。 使 用 一 些 简单 脚本 语言 (如 JavaScript、VBScript ) 的 基础 知识 ， 再 结合 HTML 就 可 
以 制作 出 完美 的 网 站 。 

e 兼容 各 种 IE 浏览 器 。 

。 使 用 ASP 编辑 的 程序 安全 比较 高 。 

e ASP 采用 了 面向 对 象 技术 。 


4.2.2 ”ASP 工作 原理 
当 在 Web 站 点 中 融入 ASP 功 能 后 ， 将 发 生 以 下 事情 。 


e 用 户 调 出 站 点 内 容 ， 默 认 页 面 的 扩展 名 是 .asp。 
e。 浏览 器 从 服务 器 上 请 求 ASP 文件 。 

® 服务 器 端 脚 本 开始 运行 ASP。 
. 
. 








ASP 文件 按照 从 上 到 下 的 顺序 开始 处 理 ， 执 行 脚本 命令 ， 执 行 HTML 页 面 内 容 。 

页 面 信息 发 送 到 浏览 器 。 
因为 脚本 是 在 服务 器 端 运行 的 ， 所 以 Web 服 务 器 完成 所 有 处 理 后 ， 将 标准 的 HTML 页面 送 
往 浏览 器 。 这 意味 着 ，ASP 只 能 在 可 以 支持 的 服务 器 上 运行 。 让 脚本 驻 留 在 服务 器 端的 另外 一 
个 益处 是 : 用 户 不 可 能 看 到 原始 脚本 程序 的 代码 ， 用 户 看 到 的 仅仅 是 最 终 产 生 的 HTML 内 容 。 


4.2.3 ADO 介 绍 














ADO (ActiveX Data Objects，ActiveX 数 据 对 象 ) 是 Microsoft 提 出 的 应 用 程序 接口 (API) 
用 以 实现 访问 关系 或 非 关系 数据 库 中 的 数据 。 例 如 ， 如 果 你 希望 编写 应 用 程序 从 DB2 或 Oracle 
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数据 库 中 向 网 页 提供 数据 ， 就 可 以 将 ADO 程 序 包括 在 作为 活动 服务 器 页 (ASP) 的 HTML 文 件 
中 。 当 用 户 从 网 站 请 求 网 页 时 ， 返 回 的 网 页 也 包括 了 数据 中 的 相应 数据 ， 这 些 是 由 于 使 用 了 
ADO 代 码 的 结果 。 

与 Microsoft 的 其 他 系统 接口 一 样 ，ADO 也 是 面向 对 象 的 。 它 是 Microsoft 全 局 数据 访问 
(CUDA) 的 一 部 分 ，Microsoft 认 为 与 其 自己 创建 一 个 数据 ， 不 如 利用 UDA 访 问 已 有 的 数据 库 。 
为 达到 这 一 目的 , Microsoft 和 其 他 数据 库 公司 在 它们 的 数据 库 和 Microsof 的 OLE 数 据 库 之 间 提 
供 了 一 个 “ 桥 ” 程 序 ，OLE 数 据 库 已 经 在 使 用 ADO 技 术 。ADO 的 一 个 特征 〈 称 为 远程 数据 服 
务 ) 支持 网 页 中 数据 相关 的 ActiveX 控 件 和 有 效 的 客户 端 缓存 。 作 为 ActiveX 的 一 部 分 ，ADO 
也 是 Microsoft 的 组 件 对 象 模 式 《COM) 的 一 部 分 ， 它 面向 组 件 的 框架 用 以 将 程序 组 装 在 一 起 。 

ADO 从 原来 的 Microsoft 数 据 接口 远程 数据 对 象 (RDO) 而 来 。RDO 与 ODBC 一 起 访问 关 
系数 据 库 ， 但 不 能 访问 如 ISAM 和 VSAM 的 非 关 系数 据 库 。 

ADO 是 对 当前 微软 所 支持 的 数据 库 进 行 操作 的 最 有 效 、 最 简单 的 方法 ， 是 一 种 功能 强大 
的 数据 访问 编程 模式 ， 从 而 使 得 大 部 分 数据 源 可 编程 的 属性 得 以 直接 扩展 到 Active Server 页 面 
上 。 可 以 使 用 ADO 去 编写 紧凑 简明 的 脚本 以 便 连 接 到 Open Database Connectivity (ODBC) 兼 
容 的 数据 库 和 OLE DB 兼容 的 数据 源 , 这 样 ASP 程 序 员 就 可 以 访问 任何 与 ODBC 兼 容 的 数据 库 ， 
包括 MS SQL Server、Access、Oracle 等 。 

比如 , 如 果 网 站 开发 人 员 需 要 让 用 户 通 过 访问 网 页 来 获得 存在 于 IBM DB2 或 者 Oracle 数 据 
库 中 的 数据 ， 就 可 以 在 ASP 页 面 中 包含 ADO 程 序 ， 以 连接 数据 库 。 于 是 ， 当 用 户 在 网 站 上 浏 
览 网 页 时 ， 返 回 的 网 页 将 会 包含 从 数据 库 中 获取 的 数据 。 而 这 些 数据 都 是 由 ADO 代 码 做 成 的 。 

ADO 是 一 种 面向 对 象 的 编程 接口 ， 微 软 介绍 说 ,与 其 同 IBM 和 Oracle 提 倡 的 那样 ， 创 建 一 
个 统一 数据 库 , 不 如 提供 一 个 能 够 访问 不 同 数据 库 的 统一 接口 ,这样 会 更 加 实用 一 些 。 为 实现 
这 一 目标 ， 微 软 在 数据 库 和 微软 的 OLE DB 中 提供 了 一 种 “ 桥 ” 程 序 ， 这 种 程序 能 够 提供 对 数 
据 库 的 连接 。 开 发 人 员 在 使 用 ADO 时 ， 其 实 就 是 在 使 用 OLE DB， 不 过 OLE DB 更 加 接近 底层 。 
ADO 的 一 项 属性 一 一 远程 数据 服务 ， 支 持 “ 数 据 仓 库 ”ActiveX 组 件 以 及 高 效 的 客户 端 缓 存 。 
作为 ActiveX 的 一 部 分 , ADO 也 是 COM 组 件 的 一 部 分 。 ADO 是 由 早期 的 微软 数据 接口 、 远 程 数 
据 对 象 RDO 演 化 而 来 的 。RDO 同 微软 的 ODBC 一 同 连接 关系 数据 库 ， 不 过 不 能 连接 非 关 系数 
据 库 。 

ADO 向 我 们 提供 了 一 个 熟悉 的 、 高 层 的 对 OLE DB 的 Automation 封 装 接口 。 对 那些 熟悉 
RDO 的 程序 员 来 说 ， 你 可 以 把 OLE DB 比 作 是 ODBC 驱 动 程序 。 如 同 RDO 对 象 是 ODBC 驱 动 程 
序 接口 一 样 ，ADO 对 象 是 OLE DB 的 接口 ， 如 同 不 同 的 数据 库 系 统 需 要 它们 自己 的 ODBC 了 驱动 
程序 一 样 ， 不 同 的 数据 源 也 要 求 它 们 自己 的 OLE DB 提供 者 (OLE DB provider) 。 目前, OLE 
DB 提供 者 较 少 ， 但 微软 正 积 极 推广 该 技术 ， 并 打算 用 OLE DB 取代 ODBC。 

ADO 向 VB 程序 员 提 供 了 很 多 好 处 ， 包 括 易于 使 用 、 熟 悉 的 界面 、 高 速度 以 及 较 低 的 内 存 占 
用 (已 实现 ADO 2.0 的 Msado15.dll 需 要 占用 342KB 内 存 ， 比 RDO 的 Msrdo20.dll 的 368&KB 略 小 ， 大 
约 是 DAO 3.5 的 Dao350.dll 所 占 内 存 的 60%) 。 与 传统 的 数据 对 象 层次 (DAO 和 RDO) 不 同 , ADO 
以 独立 创建 。 因此 你 可 以 只 创建 一 个 Connection 对 象 , 但 是 可 以 有 多 个 独立 的 Recordset 对 象 来 使 
和 它 。ADO 针 对 客户 /服务 器 以 及 Web 应 用 程序 做 了 优化 。ADO 包 含 的 对 象 如 表 4-2 所 示 。 
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表 4-2 ADO 包 含 的 对 象 





对 象 
Command 


Connection 


DataControl (RDS) 


说 明 

Command 对 象 定义 了 将 对 数据 源 执行 的 指定 命令 

代表 打开 的 、 与 数据 源 的 连接 

将 数据 查询 Recordset 绑 定 到 一 个 或 多 个 控件 上 例如， 文本 框 、 网 格 控 件 或 
组 合 框 ) ， 以 便 在 Web 上 显示 ADOR.Recordset 数 据 








DataFactory (RDS Server) 


实现 对 客户 端 应 用 程序 的 指定 数据 源 进行 读 / 写 数据 访问 的 方法 





DataSpace (RDS ) 


创建 客户 端 代理 ， 以 便 自 定义 位 于 中 间 层 的 业务 对 象 




















Error 包含 与 单个 操作 (涉及 提供 者 ) 有 关 的 数据 访问 错误 的 详细 信息 

Field 代表 使 用 普通 数据 类 型 的 数据 的 列 

Parameter 代表 与 基于 参数 化 查询 或 存储 过 程 的 Command 对 象 相关 联 的 参数 或 自 变 量 
Property 代表 由 提供 者 定义 的 ADO 对 象 的 动态 特性 

ee 代表 来 自 基 本 表 或 命令 执行 结果 的 记录 的 全 集 。 任 何 时 候 ，Recordset 对 象 所 





指 的 当前 记录 均 为 集合 内 的 单个 记录 


4.2.4 ASP 的 内 置 对 象 


Active Server Pages 提 供 内 建 对 象 ， 这 些 对 象 使 用 户 更 容易 收集 通过 浏览 器 请 求 发 送 的 信 
息 、 响 应 浏览 器 以 及 存储 用 户 信息 〈 如 用 户 首选 项 ) 。 

ASP 内 置 对 象 是 ASP 的 核心 , ASP 的 主要 功能 都 建立 在 某 些 内置 对 象 的 基础 之 上 , 常用 ASP 
对 象 有 Application 对 象 、Request 对 象 、Response 对 象 、Server 对 象 和 Session 对 象 ， 下 面 将 一 一 


进行 介绍 。 


1. Application 对 象 


Application 对 象 在 应 用 程序 的 所 有 访问 者 问 共享 信息 ， 并 可 以 在 Web 应 用 程序 运行 期 间 


持久 地 保持 数据 。 如 果 不 加 以 限制 ， 所 有 的 客户 都 可 以 访问 这 个 对 象 。Application 对 象 通常 | 














来 实现 存储 应 用 程序 级 全 局 变量 、 锁 定 与 解锁 全 局 变量 以 及 网 站 计数 器 等 功能 。Application 对 
象 包含 的 集合 、 方 法 和 事件 如 表 4-3 所 示 。 


表 4-3 Application 对 象 























类 型 名 称 说 明 
集合 Contents 存储 在 Application 对 象 中 的 所 有 变量 及 值 的 集合 
”| staticobjects 使 用 <Objec> 元 素 定义 的 存储 于 Application 对 象 中 的 所 有 变量 的 集合 

Contents.Remove 通过 传 入 变量 名 来 删除 指定 的 存储 于 Contents 中 的 变量 
Contents.RemoveAll | 删除 全 部 存 于 Contents 中 的 变量 

方法 ey 锁定 在 Application 中 存储 的 变量 ， 不 允许 其 他 客户 端 修改 ， 调 用 Unlock 或 

本 页 面 执行 完毕 后 解锁 
Unlock 手动 解除 对 Application 变 量 的 锁定 
Application OnStart | 当 事 件 应 用 程序 启动 时 触发 
人 Application OnEnd 当 事 件 应 用 程序 结束 时 触发 
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应 用 案例 : 
lock 方 法 是 禁 


匹 未 


修改 和 存 取 application 变 量 。 如 果 用 户 没有 明确 调 月 


止 其 他 用 户 修改 application 对 象 的 属性 ， 以 确保 在 同一 时 刻 仅 有 一 个 客户 可 





有 unlock 方 法 ， 则 服务 器 将 会 在 .asp 文 件 结束 


或 超时 后 解除 对 application 对 象 的 锁定 。 最 简单 的 就 是 进行 页 面 记 数 的 例子 。 


<% 

application.lock 

application("numvisits") 

application.unlock 

多 > 

以 上 代码 表示 “你 是 本 页 的 第 <%=application( 
需要 记 数 的 初始 值 那 就 该 写 个 判断 了 。 

<% 

if application ("numvisits")<9999 then 

application("numvisits")=10000 

end if 

apPlication.lock 

application("numvisits") 

application.unlock 

多 > 


以 上 代码 表示 “你 是 本 页 的 第 <%=application( 
你 会 发 现 每 刷新 一 次 ， 都 会 记 数 累加 ， 若 按 ip 值 访 
< 多 


if session("visitnum")="" then 
application.lock 


application("numvisits") = application( 
application.unlock 

Session ("visitnum")="visited" 

end if 

多 > 


以 上 代码 表示 “你 是 本 页 的 第 <%=application(" 
2. Request 对 象 


application("numvisits") + 1 


"numvisits")%> 位 访问 者 ”。 当 然 ， 如 果 你 


application("numvisits") + 1 


"numvisits")%> 位 访问 者 ”。 上 面 的 程序 ， 
问 来 记 数 的 话 ， 则 建立 一 个 session。 


"numvisits") + 1 


mumvisits")%> 位 访问 者 ”。 


Request 对 象 用 来 获取 客户 端 传 来 的 任何 信息 ， 包 括 通过 POST 方法 或 GET 方 法 、 
Cookies 以 及 客户 端 证 书 从 HTML 表 单传 递 的 参数 。 通 过 Request 对 象 也 可 以 访问 发 送 到 服 


务 器 的 二 进 制 数据 。Request 对 象 通常 月 





合 、 方 法 和 事件 如 表 4-4 所 示 。 


来 实现 读 取 网 址 参数 、 读 取 表 单传 递 的 数据 信息 、 
读 取 Cookie 的 数据 、 读 取 服 务 器 的 环境 变量 以 及 文件 上 传 的 功能 。 


Request 对 象 包含 的 集 


表 4-4 Request 对 象 

















类 型 | 名 称 说 明 
ClientCertificate 客户 证 书 集合 
集合 | Cookies 客户 发 送 的 所 有 Cookies 值 的 集合 
Form 客户 提交 的 表单 (Form) 元 素 的 值 ， 变 量 名 与 表单 中 元 素 的 name 属 性 一 致 
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( 续 表 ) 
类 型 | 名 称 说 明 
. URL 参 数 中 的 值 ， 如 果 把 Form 的 Method 属 性 设 为 “GET”， 就 会 把 所 有 的 
QueryString a i 
集合 Form 元 素 名 称 和 值 自动 添加 到 URL 参 数 中 


ServerVariables 预定 义 的 服务 器 变量 


客户 端 发 送 的 HTTP 请 求 中 Body 部 分 的 总 字 节 数 


BinaryRead (count) 从 客户 端 提交 的 数据 中 获取 count 字 节 的 数据 ， 返 回 一 个 无 符号 型 的 数组 





























应 用 案例 : 

Request 对 象 的 主要 作用 就 是 : 在 服务 器 端 接收 并 得 到 从 客户 端 浏览 器 提交 或 上 传 的 信息 
Request 对 象 可 以 访问 任何 基于 HTTP 请 求 传递 的 所 有 信息 ， 包括 从 Fom 表 单 用 POST 方法 或 
GET 方 法 传递 的 参数 、Cookie 等 。 下面 是 一 个 表单 从 提交 
到 接收 数据 的 案例 。 

首先 建立 一 个 填写 数据 再 提交 信息 的 静态 页 面 
ahtml， 如 图 4-3 所 示 。 图 4-3 表单 效果 图 




















<form id="forml" name="forml" method="post" action="b.asp"> 
<table width="340" border="0" align="center"> 

<tr> 

<td width="124"> 姓 名 : </td> 

<td width="206"><label> 

<input type="text" name="name" id="name" /> 

</label></td> 

St 

<tr> 

<td> 工 作 单位 : </td> 

<td><input name="gzdw" type="text" id="gzdw" /></td> 

</tr> 

<tr> 

<td colspan="2"><label> 

<input type="submit" name="button" id="button" value=" 提 交 " /> 
<input type="reset" name="button2" id="button2" value=" 重 置 " /> 
</label></td> 

</tr> 

</table> 

</form> 


注意 ， 在 上 述 代 码 中 method 为 post， 且 提交 的 页 面 action 为 b.asp，b.asp 主 要 是 读 取 a.html 
页 面 表单 中 填写 的 数据 信息 ， 其 核心 代码 如 下 : 


你 的 姓名 是 :<%=request .form ("name")%><br> 
你 的 工作 单位 是 :<%$=request .form ("gzdw") $> 


3. Response 对 象 
Response 对 象 用 来 控制 发 送 给 客户 端的 信息 ， 包 括 直 接 发 送信 息 到 浏览 器 、 重 定向 浏览 器 到 


其 他 URL 或 设置 Cookie 值 。Response 对 象 通常 用 来 实现 输出 内 容 到 网 页 客户 端 网 页 重 定向 、 写 
入 Cookie 和 文件 下 载 等 功能 。Response 对 象 包含 的 集合 、 方 法 和 事件 如 表 4-5 所 示 。 
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表 4-5 Response 对 象 





























类 型 说 明 
集合 ea 设置 客户 端 Cookie 的 值 , 当前 响应 中 发 送 给 客户 所 有 的 Cookie 值 的 集 
合 。 每 一 个 成 员 都 是 只 读 的 
是 否 启用 缓存 ， 此 句 必须 放 在 ASP 文 件 的 第 一 行 。 启 用 Buffer 之 后 ， 
只 有 所 有 脚本 执行 完毕 后 才 会 向 客户 端 输出 
设置 代理 服务 器 是 否 可 以 缓存 ASP， 以 及 缓存 的 级 别 
设置 字符 集 ， 如 简体 中 文 为 “gb2312”， 与 在 网 页 中 的 meta 段 写 
charset=gb2312 具有 相同 的 作用 
ContentType 设置 HTTP 内 容 类 型 ， 如 “textyhtml” 
罗 性 Expires 设置 或 返回 一 个 页 面 缓存 在 浏览 器 中 的 有 效 时 限 ， 以 分 钟 计算 
ExpiresAbsolute 设置 页 面 缓存 在 浏览 器 中 到 期 的 绝对 时 间 
判断 客户 端 是 否 已 经 断 开 连接 
设 定 或 获取 日 期 、 时 间或 货币 的 显示 格式 
以 一 个 三 位 数 加 简要 说 明 的 格式 ， 设 置 服务 器 的 返回 状态 ， 如 
Response.Status = "401 Unauthorized" 
向 HTTP 头 中 加 入 额外 的 信息 ,其 中 HeaderName 可 以 重复 , 信息 一 旦 
加 入 ， 则 无 法 删除 
向 Web 服务 器 手动 加 入 一 条 日 志 
向 HTTP 输 出 流 中 写 入 不 经 过 任何 字符 转换 的 数据 ,用 于 各 客户 端 传 
送 图 片 或 下 载 文件 
方法 清空 缓存 
停止 处 理 ASP 文 件 ， 直 接 向 客户 端 输入 现在 的 结果 
向 客户 端 立即 发 送 缓存 中 的 内 容 
向 浏览 器 发 送 一 个 重 定向 的 消息 ， 浏 览 器 接收 到 此 消息 后 重 定向 到 
指定 页 
向 HTTP 输 出 流 中 写 入 一 个 字符 串 
Y 用 案例 : 








Response 对 象 主要 负责 将 信息 传递 给 用 户 ， 可 以 动态 地 响应 客户 端的 请 求 ， 并 将 动态 生成 
的 响应 结果 返回 给 客户 端 浏览 器 。 在 Response 中 Write 方法 是 使 用 最 频繁 的 一 个 了 ，Write 就 是 
将 指定 的 字符 串 写 到 当前 的 HTTP 输 出 ， 例 如 : 


< 多 
esponse.write ("hellov,world"g&"<br>") 
多 > 


以 上 代码 表示 输出 “hello，world”。 

4. Server 对 象 

Server 对 象 提 供 对 服务 器 上 的 方法 和 属性 的 访问 。 其 中 , 大 多 数 方法 和 属性 是 作为 实用 程序 
的 功能 服务 。 Server 对 象 通常 用 来 实现 组 件 的 创建 、 获 取 服 务 器 的 物理 路 径 、 对 字符 串 进行 HTML 
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编码 和 转向 执行 其 他 ASP 文 件 等 功能 。Server 对 象 包含 的 集合 、 方 法 和 事件 如 表 4-6 所 示 。 
表 4-6 Server 对 象 





类 型 名 称 说 明 
设置 脚本 超时 。 当 一 个 ASP 页 面 在 一 个 脚本 超时 期 限 之 内 仍 没 有 执行 完毕 时 ， 
ASP 将 终止 执行 并 显示 超时 错误 

CreateObject 创建 已 注册 到 服务 器 的 ActiveX 组 件 

Execute 用 于 停止 当前 网 页 的 运行 ， 并 将 控制 权 交 给 URL 中 所 指定 的 网 页 

返回 一 个 ASPError 对 象 , 用 来 描述 错误 的 详细 信息 。 值 得 注意 的 是 ， 必 须 向 客 











属性 ScriptTimeout 




















GetL 
Se 0 | 户 端 发 送 一 些 数据 后 这 个 方法 才 会 起 作用 
方法 HTMLEncode “| 将 输入 的 HTML 字 符 串 换 为 HTML 编 码 
Pp 将 虚拟 路 径 映 射 为 绝对 路 径 。 如 使 用 Access 数 据 库 时 ， 为 防止 下 载 ,将 其 放 在 
站 点 应 用 程序 之 外 ， 然 后 通过 此 方法 找到 数据 库 在 服务 器 上 的 绝对 路 径 
Transfer 停止 执行 此 ASP 文 件 ， 转 向 执行 另外 一 个 ASP 文 件 
URLEncode 将 输入 的 字符 串 进行 URL 编 码 
应 用 案例 : 
<%Q@language="VBscript" Codepage="936"g> 
<html> 
<head> 
<title>Server 应 用 案例 </title> 
<body> 
<% 


Server.ScriptTimeout=100 

Response.Write" 粗 体 <b> 我 爱 中 国 </b> 对 应 的 HTML 代码 为 : " 

Response.Write Server.HTMLEncode ("<b> 我 爱 中 国 </b>") 

Response.Write"<br>" 

Response.Write"URL 地 址 :http://www.eduboxue/bbs?a=hello world 经 过 编码 后 的 URL 
2 

Response.Write Server.URLEncode ("http://www.eduboxue/bbs?a=hello world") 

多 > 


</body> 
</html> 


5. Session 对 象 

可 以 使 用 Session 对 象 来 存储 特定 会 话 (Session〉 所 需 的 信息 ， 当 一 个 客户 端 访问 服务 器 
时 ， 就 会 建立 一 个 会 话 。 当 用 户 在 应 用 程序 不 同 页 面 间 跳 转 时 ， 不 会 丢弃 存储 在 Session 对 
象 中 的 变量 ， 这 些 变量 在 用 户 访问 应 用 程序 页 的 整个 期 间 都 会 保留 。 可 以 使 用 Session 对 象 
来 显 式 结束 会 话 并 设置 闲置 会 话 的 超时 时 限 。Session 对 象 包含 的 集合 、 方 法 和 事件 如 表 4-7 
所 示 。 
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表 4-7 Session 对 象 




















类 型 名 称 说 明 
人 使 用 脚本 命令 〈 赋 值 语 句 ) 向 Session 中 存储 的 数据 ， 可 以 省 略 Contents 
集合 而 直接 访问 ， 如 : Session("var") 
使 用 <object> 标 记 定 义 的 存储 于 Session 对 象 中 的 变量 集合 。 运 行 期 间 不 
StaticObjects 
能 删除 
CodePage 设置 当前 Session 的 代码 页 ， 参 见 Response 对 象 的 CodePage 属 性 
ER 设 定 当前 Session 的 日 期 、 时 间或 货币 的 显示 格式 , 参见 Response 的 LCID 
属性 属性 
SessionID 返回 Session 的 唯一 标识 
Timeout 设置 Session 的 超时 时 间 ， 以 分 钟 为 单位 ， 在 IIS 中 默认 设置 为 20 分 钟 
当 ASP 文 件 执行 完毕 时 释放 Session 中 存储 的 所 有 变量 ， 当 下 次 访问 时 ， 
Abandon 会 重新 启动 一 个 Session 对 象 。 如 果 不 显 式 调用 此 方法 ， 只 有 当 Session 
方法 超时 时 才 会 自动 释放 Session 中 的 变量 
删除 Contents 集 合 中 的 指定 变量 
删除 Contents 集 合 中 的 全 部 变量 
人 声明 于 globalasa 中 ， 客 户 端 首次 访问 时 或 调用 Abandon 后 触发 
声明 于 global.asa 中 ，Session 超 时 或 者 调用 Abandon 后 触发 
应 用 案例 : 
<html> 
<body> 
< 多 


response.write ("<p>") 

response.write ("默认 Timeout 是 : " & Session.Timeout & "分钟 。") 
response.write ("</p>") 

Session.Timeout=30 

response.write ("<p>") 

response.write (" 现 在 的 Timeout 是 " & Session.Timeout & "分钟 。") 
response.write("</P>") 


多 > 


</body> 
</html> 


本 实例 运行 结果 如 下 : 
默认 Timeout 是 20 分钟 。 


现在 的 


Timeout 是 30 分 钟 。 


4.2.5 ASP 常 用 的 组 件 


1. 浏 


览 器 兼容 组 件 











不 同 的 浏览 器 支持 不 同 的 功能 ， 如 有 些 浏览 器 支持 框架 ， 有 些 不 支持 。 利 用 这 个 组 件 ， 可 
以 检查 浏览 器 的 能 力 ， 使 网 页 针对 不 同 的 浏览 器 显示 不 同 的 页 面 ( 如 对 不 支持 Frame 的 浏览 
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显示 不 含 Frame 的 网 页 ) 。 该 组 件 的 使 用 很 简单 ， 需 要 注意 的 是 ， 要 正确 使 用 该 组 件 ， 必 须 保 
证 Browscap.ini 文 件 是 最 新 的 。 

组 件 的 使 用 与 对 象 类 似 , 但 是 组 件 在 使 用 前 必须 先 创建 ,而 使 用 内 置 对 象 前 不 必 创 建 。 浏 
览 器 兼容 组 件 属性 如 表 4-8 所 示 。 


表 4-8 浏览 器 兼容 组 件 











属性 说 明 

Browser 指定 浏览 器 的 名 字 

Version 指定 浏览 器 的 版 本 号 

Majorver 浏览 器 的 主 版 本 〈 小 数 点 以 前 的 ) 
Minorver 浏览 人 (小 数 点 以 后 的 》 
Frames 指定 浏览 器 是 否 支持 框架 

Cookies 指定 浏览 器 是 否 支持 Cookie 

Tables 指定 浏览 器 是 否 支持 表格 
Backgroundsounds 指定 浏览 器 是 否 支持 背景 音乐 
JavaScript 指定 浏览 器 是 否 支 持 JavaScript 或 JScript 
Javaapplets 指定 浏览 器 是 否 支持 Java 小 程序 
ActiveXControls 指定 浏览 器 是 否 支持 ActiveX 控 件 

Beta 指定 浏览 器 是 否 为 测试 版 本 

Platform 指定 浏览 器 运行 的 平台 

Cdf 指定 浏览 器 是 至 用 于 Web 建 造 的 信道 定义 格式 (CDF) 





浏览 器 兼容 组 件 只 有 一 个 Value 方法 , 用 于 为 当前 代理 用 户 从 Browscap.ini 文 件 中 提取 一 
指定 的 值 。 
2. 文件 访问 组 件 


文件 访问 组 件 提供 文件 的 输入 /输出 方法 ， 使 得 在 服务 器 上 可 以 毫 不 费力 地 存 取 文 件 。 
文件 访问 组 件 利 用 对 象 的 属性 及 方法 对 文件 及 文件 夹 进 行 存 取 访 问 。 其 对 象 和 集合 如 
表 4-9 所 示 。 


表 4-9 文件 访问 组 件 


























类 型 名 称 说 明 
FileSystemObject 该 对 象 可 以 建立 、 检 索 、 删 除 目录 及 文件 
TextStream 该 对 象 提供 读 写 文件 的 功能 
对 象 File 该 对 象 可 以 对 单个 文件 进行 操作 
Folder 该 对 象 可 以 处 理 文件 夹 
Drive 该 对 象 实现 对 磁盘 驱动 器 或 网 络 驱动 器 的 操作 
Files 该 集合 代表 文件 夹 中 的 一 系列 文件 
集合 该 集合 的 积压 项 与 文件 夹 中 的 各 子 文件 夹 相对 应 
该 集合 代表 了 本 地 计算 机 或 映射 的 网 络 驱 动 器 中 可 以 使 用 的 驱动 器 
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3. 广告 轮 显 组 件 


广告 轮 显 组 件 使 用 独立 数据 文件 主 式 ， 可 以 维护 、 修 改 广告 Web， 可 使 每 次 打开 或 者 重新 
加 载 网 页 时 ， 随 机 显示 广告 。 在 使 用 该 组 件 前 ,首先 应 该 建立 一 个 旋转 时 间 表 文件 (用 于 设置 
自动 旋转 图 像 及 其 相应 时 间 等 信息 ) ,并 确保 已 设置 了 需要 的 组 件 属性 。 广告 轮 显 组 件 的 属性 
和 方法 如 表 4-10 所 示 。 




















表 4-10 广告 轮 显 组 件 











| 类 型 “| 名 称 说 明 

Border 该 属性 用 于 指定 能 否 在 显示 广告 时 给 广告 加 上 一 个 边框 以 及 广告 边界 大 小 
属性 | Clickable 该 属性 指定 该 广告 是 不 是 一 个 超 链接 ， 默 认 值 是 true 

Targetframe 该 属性 指定 超 链接 后 的 浏览 Web， 默 认 值 是 no frame 

GetAdvertisement | 该 方法 可 以 取得 广告 信息 





4. 内 容 链接 组 件 


内 容 链接 组 件 可 以 把 一 系列 的 Web 连 接 到 一 起 。 内 容 链接 组 件 提供 了 8 种 方法 , 可 以 从 内 
容 链接 列表 文件 中 提取 不 同 的 条 目 ， 无 论 是 相对 当前 网 页 的 条 目 还 是 使 用 索引 编号 的 绝对 条 
目 。 其 属性 和 方法 如 表 4-11 所 示 。 


表 4-11 内 容 链接 组 件 












































类 型 名 称 说 明 
属性 About 该 属性 是 一 个 只 读 属 性 ， 返 回 正在 使 用 组 件 的 版 本 信息 
GetListCount 该 方法 返回 指定 列表 文件 中 包含 项 的 数量 
GetListIndex 该 方法 返回 列表 文件 中 当前 页 的 索引 
方法 GetPreviousURL 该 方法 从 指定 的 列表 文件 中 返回 当前 页 的 上 一 页 的 URL 
GetPreviousDescription 该 方法 从 指定 的 列表 文件 中 返回 当前 页 的 上 一 页 的 说 明 行 
GetNthURL 该 方法 从 指定 的 列表 文件 中 返回 指定 索引 页 面 的 URL 
GetNthDescription 该 方法 从 指定 的 列表 文件 中 返回 指定 索引 页 面 的 说 明 行 
5. ASP 其 他 常见 的 组 件 
除了 前 面 介绍 的 组 件 以 外 , ASP 还 包含 一 些 其 他 常用 的 组 件 .这 些 组 件 相当 于 一 些小 工具 ， 
能 够 完成 网 站 开发 所 需 的 特定 功能 。 


(1) Data Access 组 件 

数据 库 访问 组 件 是 利用 ASP 开 发 Web 数 据 库 最 重要 的 组 件 , 可 以 利用 该 组 件 在 应 用 程序 中 
访问 数据 库 , 然后 可 以 显示 表 的 整个 内 容 , 允许 用 户 构造 查询 以 及 在 Web 执 行 一 些 其 他 的 数据 
库 操 件 。 

(2) Content Rotator 组 件 

该 组 件 实现 的 是 文本 “HTML) 代码 的 轮流 播放 。 使 用 该 组 件 ， 同 样 需要 一 个 定时 文件 ， 
该 文件 被 称 为 内 容 定 时 文件 ， 在 该 文件 中 包含 了 每 个 文件 的 值 及 其 需要 被 显示 的 时 间 比 例 。 
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Content Rotator 组 件 通过 读 取 该 文件 中 的 信息 ， 自 动 在 Web 中 插入 需要 被 定时 的 HTML 代 码 ， 
网 站 开发 人 员 只 要 维护 内 容 定时 文件 就 可 实现 不 同 页 面 中 定时 文件 的 播放 。 

(3 ) Permission Checker 组 件 

该 组 件 能 让 网 站 开发 人 员 方便 地 引用 操作 系统 的 安全 机 制 , 判断 一 个 Web 用 户 是 否 有 访问 
Web 服 务 器 上 某 一 个 文件 的 权限 。 

(4) Logging Utility 组 件 

该 组 件 提供 了 访问 Web 服 务 器 日 志文 件 的 功能 ， 人 允许 从 ASP 网 页 内 读 入 或 更 新 数据 。 


(5) Tools 组 件 
该 组 件 相 当 于 一 个 工具 包 , 提供 了 有 效 的 方法 , 可 以 在 网 页 中 用 于 检查 文件 是 否 存 在 ， 处 
理 一 个 HTML 表 单 和 生成 随机 整数 。 


4.3 创建 数据 库 的 连接 


数据 库 网 页 动态 效果 的 实现 ， 其 实 就 是 将 数据 库 中 的 记录 显示 在 网 页 上 。 因此， 如 何在 网 
页 中 创建 数据 库 连 接 并 读 取出 数据 显示 就 是 开发 动态 网 页 的 一 个 重点 。 


4.3.1 Connection 对 象 


Connection 对 象 是 与 数据 存储 进行 连接 的 对 象 ， 它 代表 一 个 打开 的 、 与 数据 源 的 连接 。 
Connection 对 象 指定 使 用 的 OLEDB 提 供 者 、 如 果 是 客户 端 /服务 器 数据 库 系 统 ， 该 对 象 可 以 等 
价 于 到 服务 器 的 实际 网 络 连接 。 取 决 于 提供 者 所 支持 的 功能 ，Connection 对 象 的 某 些 集合 、 
方法 或 属性 有 可 能 无 效 。 

实际 上 如 果 没 有 显 式 地 创建 一 个 Connection 对 象 连接 到 数据 存储 ， 那 么 在 使 用 Command 
对 象 和 RecordSet 对 象 时 ，ADO 会 隐 式 地 创建 一 个 Connection 对 象 。 建 议 显 式 创建 Connection 对 
象 , 然后 在 需要 使 用 的 地 方 引 用 它 。 因为, 通常 在 进行 数据 库 操作 时 ， 需 要 运行 不 止 一 条 数据 
操作 命令 ， 如 果 不 显 式 地 创建 一 个 Connection 对 象 ， 在 每 运行 一 条 命令 时 就 会 隐 式 地 创建 一 个 
Connection 对 象 实例 ， 这 样 会 导致 效率 下 降 。 创 建 一 个 Connection 对 象 实例 很 简单 ， 使 用 Server 
对 象 的 CreateObject (ADODB. Connection ) 即 可 。 


4.3.2 ”用 OLEDB 连 接 数据 库 
利用 OLEDB 创 建 Access 数 据 库 的 连接 格式 如 下 : 


<% 

Set conn=server.createobject(|"adodb.connection") 

Conn.open "provider=microsoft.jet.oledb.4.0;data source= "文件 路 径 "" 
多 > 


需要 注意 的 是 ， 参 数 data source 提 供 的 是 Access 数 据 库 路 径 。 
利用 OLEDB 对 SQL Server 数 据 库 创建 连接 格式 如 下 : 
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< 各 

Set conn=server.createobject ("adodb.connection") 

Conn.open "provider=SQLoledb;data source= local;uid=sa;pwd=123456 database=db" 
%> 


上 述 代码 中 ， 各 参数 的 意义 如 下 : 


e 参数 provider 用 来 规定 这 次 连接 使 用 的 是 OLEDB 提供 的 程序 名 称 。 

@ 参数 data source 用 来 提供 SQL Server 名称 .如 果 SQL Server 位 于 名 为 local 的 机 器 上 ， 
那么 此 参数 值 应 设 为 local。 若 数据 库 服 务 器 与 网 络 服务 器 位 于 同一 台 机 器 ， 则 应 将 
此 参数 设 为 local Server。 

e 参数 uid 表示 连接 中 用 到 的 SQL Server 系统 用 户 名 .。 

ee 参数 pwd 包含 SQL 系统 用 户 的 密码 ， 可 以 在 SQL 企业 管理 器 中 设置 此 密码 。 

@ 参数 database 指定 位 于 Database Server 上 的 一 个 特定 数据 库 。 此 参数 也 是 可 选 的 。 若 
不 指定 一 个 数据 库 ， 则 会 用 到 SQL 系统 默认 的 数据 库 。 


4.3.3 用 ODBC 实 现 数据 库 连 接 


可 以 利用 ODBC 实 现 数据 库 连 接 ， 具 体 的 连接 步骤 如 下 : 


01 依次 单 击 “ 控 制 面板 ”| “管理 工具 ”|“ 数 据 源 (ODBC)” | “系统 DSN” 命 
“ODBC 数据 源 管理 器 ”对 话 框 ， 如 图 4-4 所 示 。 


少 


， 打 开 





a 
e154 文件 558 | 站 对 得 序 | jR8 过往 也 | 关于 





1 打开 “系统 1 人 Et 

1 DSN” 选 项 卡 ，! Eees | “2. 单 击 “ 添 加 (D)”! 
1 EE 

! 进行 DSN 设 置 ! 证 厨 | 按钮 , 添加 DSN 数 | 

人 1 据 源 

1 


本 呈 于 二 





ES CW) mR" | Rl 








图 4-4 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 项 卡 


02 在 图 4-4 中 单 击 “ 添 加 (D)” 按 钮 ， 打 开 “ 创 建新 数据 源 ” 对 话 框 ， 在 “创建 新 数据 源 ” 
对 话 杠 中， 选择 Driver do Microsoft Access (*.mdb) 选项 ， 如 图 4-5 所 示 。 








‘ES 





图 4-5 “创建 新 数据 源 ” 对 话 框 
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03 单 击 “ 完 成 ”按钮 ， 打 开 “ODBC Microsoft Access 安装 ”对 话 框 ， 在 “数据 源 名 (N)” 
文本 框 中 输入 connodbc， 如 图 4-6 所 示 。 




















村 ai 
1 2. 单 击 “ 选 择 (S)”! 


上 按钮， 选择 数据 库 








图 4-6 “ODBC Microsoft Access 安装 ”对 话 框 
04 在 图 4-6 中 单 击 “ 选 择 (S)” 按 钮 打开“ 选择 数据 库 ” 对 话 框 ， 单 击 “ 驱 动 器 (V)” 
文本 框 右边 的 三 角 按钮 [2]， 从 下 拉 列 表 框 中 找到 在 创建 数据 库 步骤 中 保存 数据 库 的 文件 夹 。 找 到 
数据 库 后 ， 单 击 “ 确 定 ” 按 钮 回 到 “ODBC Microsoft Access 安装 ”对 话 杠 中， 再 次 单 击 “ 确 定 ” 
按钮 ， 将 返回 到 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 项 卡 ， 可 以 看 到 “系统 数据 源 ” 中 
已 经 添加 了 一 个 名 称 为 connodbc、 驱 动 程序 为 Driver do Microsoft Access (*.mdb) 的 系统 数据 源 ， 
如 图 4-7 所 示 。 
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图 4-7 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 项 卡 
05 单 击 “确定 ”按钮 ， 完 成 “ODBC 数据 源 管理 器 ”中 “系统 DSN” 的 设置 。 


创建 系统 DSN 以 后 ， 就 可 以 在 ASP 中 使 用 它 了 ， 其 代码 如 下 : 
<% 

Set conn= server.createobject ("adodb.connection") 
Conn .open "dsn=connodbc" 

$> 


从 代码 中 可 以 看 出 ， 这 里 创建 了 一 个 ADO Connection 对 象 ， 利 用 open 属 性 打开 数据 。 
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在 动态 网 站 中 ， 用 户 管理 系统 是 非常 必要 的 。 通 过 用 户 注册 信息 的 统计 ， 可 以 让 管理 员 了 解 


到 网 站 的 访问 情况 ， 通 过 用 户 权限 的 设置 ， 可 以 限制 网 站 页 面 的 访问 权限 。 一 个 典型 的 月 








有 户 管理 


系统 一 般 应 该 具备 用 户 注册 功能 、 资 料 修改 功能 、 取 回 密码 功能 以 及 用 户 注销 身份 功能 等 。 


本 章 将 要 制作 的 用 户 管理 系统 的 网 页 及 网 页 结构 列表 如 图 5-1 所 示 。 


用 户 管理 系统 

















用 户 登 录 模块 找 回 密码 修改 资料 模块 


新 用 户 注册 页 面 
register.asp 








lostpassword.asp 












图 5-1 系统 结构 图 


本 章 重要 知识 点 >>>>>>>>>> 


网 站 结构 的 搭建 

创建 数据 库 和 数据 库 表 

建立 数据 源 连 接 

掌握 用 户 管理 系统 中 页 面 之 间 信 息 传递 的 技巧 和 方法 
用 户 管理 系统 常用 功能 的 设计 与 实现 


5.1 系统 的 整体 设计 规划 




















本 系统 的 主要 结构 分 为 用 户 登录 和 找 回 密码 两 个 部 分 ， 整 个 系统 中 共有 12 个 页 面 ， 各 个 











页 面 的 名 称 和 对 应 的 文件 名 、 功 能 如 表 5-1 所 示 。 
表 5-1 用 户 管理 系统 网 页 设计 表 




















页 面 名 称 功能 

index.asp 实现 用 户 管理 系统 的 登录 功能 的 页 面 
welcome.asp 用 户 登 录 成 功 后 显示 的 页 面 
loginfail.asp 用 户 登 录 失 败 后 显示 的 页 面 
register.asp 新 用 户 用 来 注册 输入 个 人 信息 的 页 面 
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( 续 表 ) 
页 面 名 称 功能 
regok.asp 新 用 户 注 册 成 功 后 显示 的 页 面 
regfail.asp 新 用 户 注册 失败 后 显示 的 页 面 
lostpassword.asp 丢失 密码 后 进行 密码 查询 使 用 的 页 面 
showquestion.asp 查询 密码 时 输入 提示 问题 的 页 面 
showpassword.asp 答对 查询 密码 问题 后 显示 的 页 面 
userupdate.asp 修改 用 户 资料 的 页 面 
userupdateok.asp 成 功 更 新 用 户 资料 后 显示 的 页 面 
logout.asp 退出 用 户 系统 的 页 面 








在 制作 网 站 的 时 候 ， 一 般 都 要 在 制作 之 前 设计 好 网 站 各 个 页 面 之 间 的 链接 关系 ， 
绘制 出 系统 脉络 图 ， 这 样 方便 后 面 整 个 系统 的 开发 与 制作 。 














提 示 
5.1.1 页 面 设计 规划 
在 本 地 站 点 上 建立 站 点 文件 夹 member， 将 创建 整个 网 站 所 有 相关 的 文件 夹 及 文件 ， 如 图 
5-2 所 示 。 
Tae 
OO" , sse , member, ~~][ Rememnbe 站 | 
掉 织 ” 3 一 
区 允 库 pe hk» 1 整个 网 站 所 有 的 ! | 
le lrotes Commections es 都 在 这 ! ! 
MM Sma ! 人 文 作 天 中 | 
[E22 regfailasp registerasp 
辕 四 片 机 
EE 
天 计算 机 
针 网 各 
| 7 个 对 象 








图 5-2 站 点 规划 文件 
5.1.2 ”网 页 美工 设计 
本 实例 整体 框架 采用 “拐角 型 ”布局 结构 ， 美 工 设计 效果 如 图 5-3 和 图 5-4 所 示 。 


C7 初学 者 在 设计 制作 过 程 中 ,可 以 打开 下 载 资源 中 的 源 代码 , 找到 相关 站 点 的 images 
(图 片 ) 文件 夹 ， 其 中 放置 了 已 经 编辑 好 的 图 片 。 
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站 之 间 建 立 动态 链接 。 
5.2.1 数据 库 设计 
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图 5-3 首页 的 美工 


5.2 数据库 设计 与 连接 


mi 





图 5-4 


区 生 新 ,条 清 忆 入 


会 员 注册 页 面 的 美工 








本 节 主 要 讲述 如 何 使 用 Access 建 立 用 户 管理 系统 的 数据 库 ， 如 何 使 用 ODBC 在 数据 库 与 网 


通过 对 用 户 管理 系统 的 功能 分 析 发 现 , 这 个 数据 库 应 该 包括 注册 的 用 户 名 、 注册 密 码 以 及 
个 人 信息 ， 如 性 别 、 年 龄 、E-mail、 电 话 等 。 所 以 在 数据 库 中 必须 包含 一 个 容纳 上 述 信息 的 表 ， 
称 为 “用 户 信息 表 ”。 本 案例 将 数据 库 命名 为 member， 创 建 的 用 户 信息 表 member 如 图 5-5 所 
示 。 


member 数 





























文革 用 产 电话 
数字 用 Fo 
-一 一 迁 所 起 址 
文本 罕 码 提示 问题 人 
文本 鹤 友 提示 答 宗 人 可 
= 
长 村 型 \ 
所 动 、 
、 
党 
TS 
天 
款 
上 3 | 
图 5-5 创建 的 member 数据 表 


1 

! 何 将 代表 这 
! 些 值 的 位 存 
1 储 到 计算 机 
! 的 内 存 中 
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表 5-2 用 户 信息 表 member 












































意义 字段 名 称 “| 数据 类 型 ”| 字段 大 小 “| 必 填 字段 | 允许 空 字符 串 | 索引 
主题 编号 ID 自动 编号 | 长 整 型 有 无 重复 ) 
用 户 账号 username “| 文本 20 是 否 无 
户 密码 password ”| 文本 20 是 否 无 
密码 遗失 提示 问题 | question 否 于 
密码 提示 问题 答案 | answer 否 无 
真实 姓名 truename 否 无 
用 户 性 别 sex 否 无 
用 户 地 址 address | 文本 |50 | 否 无 
联系 电话 tel 文本 否 无 
QQ QQ 数字 是 无 
邮箱 地 址 email 本 无 
用 户 权限 authority 无 








C7 数据 库 中 常见 属性 解释 如 下 。 
。 字 段 大 小 : 在 自动 编号 的 字段 大 小 中 常见 的 是 长 整 型 和 同步 复制 ID， 长 整 型 是 


Access 项 目 中 的 一 种 4B (32bit) 数据 类 型 ， 存 储 位 于 -231 (-2 147 483 648 ) 
与 23. -1(2 147 483 647) 之 间 的 数字 。 
@ 必 填 字段 :在 更 新 数据 库 时 ， 用 户 必 须 填写 的 字段 ， 如 果 为 空 将 无 法 更 新 。 
@ 允许 空 字符 串 : 空 字符 囊 ， 首 先 它 是 字符 囊 ， 但 是 这 个 字符 串 没有 内 容 。 空 就 
是 null， 不 是 任何 东西 ， 不 能 等 于 任何 东西 。 
@ 索引 : 一 个 单独 的 、 物 理 的 数据 库 结构 ， 依 赖 于 表 建 立 。 它 提供 了 数据 库 中 编 
排 表 中 数据 的 内 部 方法 。 一 个 表 的 存储 是 由 两 部 分 组 成 的 ， 一 部 分 用 来 存放 表 
的 数据 页 面 ， 另 一 部 分 存放 索引 页 面 。 


下 面 介绍 在 Access 2010 中 创建 数据 库 的 方法 和 步骤。 


01 首先 运行 Microsoft Access 2010 程序 。 单 击 “ 空 数据 库 ” 按 钮 ， 在 主 











数据 库 ” 面 板 ， 如 
02 单 击 “ 空 


图 5-6 所 示 。 











存 位 置 ”后 面 的 下 拉 列 表 框 中 选择 前 面 创 建站 点 member 中 的 














中 输入 文件 名 member, 为 了 让 创建 的 数据 库 能 被 通 























Office Access 数据 库 (2002-2003 格式 ) (*.mdb) ”选项 ， 如 图 


03 单 击 “ 确 定 ”按钮 ， 返 加 
钮 ， 即 在 Microsoft Access 中 创建 了 一 个 member.mdb 数据 库 文 件 ， 同 时 Microsoft Access 默认 生 
了 一 个 “ 表 1” 数 据 表 ， 如 











“ 空 数据 库 ” 面 板 ， 再 单 刘 











图 5-8 所 示 。 








界 














5-7 所 示 。 
6 “ 空 数据 库 ” 














的 右 侧 打开 “ 








空 


数据 库 ” 面 板 上 的 “文件 夹 ”按钮 打开“ 文件 新 建 数据 库 ” 对 话 框 。 在 “ 保 
mdb 文件 夹 ， 在 “文件 名 ”文本 框 
,在 “保存 类 型 ”下 拉 列 表 框 中 选择 “Microsoft 


面板 上 的 “创建 ” 按 


成 
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! 1. 单 击 这 里 选 
作 择 保存 数据 库 
r--------- 1 的 位 置 
1 2. 单 击 此 按钮 7---------- 
! 打开 “文件 新 
! 建 数 据 库 ” 对 
! 话 框 
人 
二 1 [eo | Er 
， EWELEE- TE | 9 用 egzm P| 

1 1. 设置 数据 库 ! 一 
上 保存 位 置 |! 。 i 
i 1 误 好 夫 | 包括 2 个 他 村 

向 下载 

PP ppctream BD Tencent 

ee i 

出 地 地 二 点 目 好 襄 送 生 芒 加 接 蝇 泛 

出 让 电网 站 站 点 
| LH B wn 
| 2. 输入 数据 库 ' 证 a 
! 名 称 1 | _---| ! 3. 选择 数据 库 
一 一 一 一 一 一 一 一 一 一 文 几 多 (N): membermdb ps - |! 

保 入 (1) [Microsoft Access 双生 谨 2002-2003 全 (md 一 | | 保存 类 型 
语文 伯 夫 IaU ~ 克 = 











5-7 “文件 新 建 数据 库 ” 对 话 杠 
六 se 加 本 Re 
[ AB 12 加 Baws 殉 中 5 = 和 = 9 加 区 





WF 5 








ETN ?TT3T EDN ES ] 


= 
5-8 创建 的 默认 数据 表 
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04 在 “ 表 1” 上 单 击 鼠 标 右键 ， 打 开 快 捷 菜单 ， 执 行 快捷 菜单 中 的 “设计 视图 ”命令 ,打开 
“另存 为 ”对 话 框 ， 在 “ 表 名 称 ” 文 本 框 中 输入 数据 表 名 称 member， 如 图 5-9 所 示 。 





a ， 
1 2. 单 击 “确定 "按钮 ，! 
-上 开始 创建 member 数 | 
1 

1 








图 5-9 “另存 为 ”对 话 框 
05 系统 自动 打开 创建 好 的 member 数据 表 ， 如 图 5-10 所 示 。 


te em 3 


1 并 设置 属性 | 












闻 限 各 障 最 长 可 到 54 个 字 巷 (名 括 裤 间 . 接 
及 嫩 可 二 看 有 关 闻 全称 的 帮 双 ， 











上 数字 | 四 加 
5-10 ”建立 的 member 数据 表 
06 按 表 5-2 输入 各 字段 的 名 称 并 设置 其 相应 属性 ， 完 成 后 如 图 5-11 所 示 。 








i 








1 1 
! ! passvord 对 EE 
i1 MAIL 

! 其 中 四 为 ， tol 文本 用 户 电话 

1 主键 1 a 数字 用 户 QQ 号 码 

address 对 人 和 

-------- question 二 i 
ansver 文本 三 提示 莹 案 1 字段 类 型 ! 
sex 文本 用 户 性 别 Ds 
turenane 文本 真实 姓名 
authority 数字 用 户 权限 


图 5-11 创建 表 的 字段 


【六 Access 为 member 数据 表 自动 创建 了 一 个 主键 值 ID, 主键 是 在 数据 库 中 建立 的 一 
es 个 唯一 真实 值 。 数 据 库 通过 建立 主键 值 方便 后 面 搜索 功能 的 调用 ， 但 要 求 所 产生 
提 示 的 数据 没有 重复 。 


07 双击 国 wenmbel 选 项 ， 打 开 member 的 数据 表 ， 如 图 5-12 所 示 。 
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11. 双击 数据 Fr- -上 








3- -| 
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图 5-12 创建 的 member 数据 表 


12. 在 数据 库 中 输 ! 


! 入 记录 ,方便 后 面 ! 


08 为 了 方便 用 户 访问 ， 可 以 在 数据 库 中 预先 编辑 一 些 记 录 对 象 ， 其 中 admin 为 管理 员 账 号 ， 
password 为 管理 员 用 户 密码 ， 如 图 5-13 所 示 。 
09 编辑 完成 ， 单 击 “ 保 存 ” 按 钮 ， 然 后 关闭 Access 2010 软件 。 至 此 数据 库存 储 用 户 名 和 密 
码 等 资料 的 表 建 立 完毕 。 





| er Ree 0 - 20 加 吕 











0 address 
了 111112345624 北京 测定 
2325 。 23232323 北京 


1 

















5.2.2 ”创建 数据 库 连 接 


5-13 ”member 表 中 输入 的 记录 


在 数据 库 创建 完成 后 ， 需 要 在 Dreamweaver CC 中 建立 数据 源 连 接 对 象 才能 在 动态 网 页 中 
使 用 这 个 数据 库 文件 。 接 下 来 介绍 在 Dreamweaver CC 中 用 ODBC 连 接 数 据 库 的 方法 。 在 操作 的 
过 程 中 要 注意 ODBC 连 接 时 参数 的 设置 。 
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0 


提 示 


件 中 的 数据 时 无 须 懂得 Xbase 程序 设计 语言 。 
一 个 完整 的 ODBC 由 下 列 几 个 部 件 组 成 。 


@ 应 用 程序 (Application ) : 该 程序 位 于 控制 面板 ODBC 内 ， 其 主要 任务 是 管 
理 安 装 的 ODBC 驱动 程序 和 管理 数据 源 。 

@ 驱动 程序 管理 器 (Driver Manager ) : 驱动 程序 管理 器 包含 在 ODBC 的 DLL 中 ， 
对 用 户 是 透明 的 ， 其 任务 是 管理 ODBC 驱动 程序 ， 是 ODBC 中 最 重要 的 部 件 。 

@ ODBC 驱动 程序 : 是 一 些 DLL， 提 供 了 ODBC 和 数据 库 之 间 的 接口 。 

@ 数据 源 : 数据 源 包含 了 数据 库 位 置 和 数据 库 类 型 等 信息 ， 实 际 上 是 一 种 数据 
连接 的 抽象 叫 法 。 


具体 的 连接 步骤 如 下 : 


01 依次 单 击 “ 控 制 面板 ”| “管理 了 





开 “ODBC 数据 源 管 理 器 ”对 话 框 ， 如 图 5-14 所 示 。 


1. 打开 “系统 DSN” 选 
项 卡 ， 进 行 DSN 设置 | 


图 5-14 














1- - TREE | 


和 考据 厌 6) 
大 入 驱动 姐 序 


| 











CE LL 双 ] 


[EI 


部 助 





开放 数据 库 互 连 ( ODBC ) 是 Microsoft 引进 的 一 种 早期 数据 库 接口 技术 。Microsoft 
引进 这 种 技术 的 一 个 主要 原因 是 ， 以 非 语 言 专用 的 方式 提供 给 程序 员 一 种 访问 数 
据 库 内 容 的 简单 方法 。 换 句 话说, 访问 DBF 文件 或 Access Basic 以 得 到 MDB 文 


[ 具 ”| “数据 源 (ODBC)” | “系统 DSN” 命 令 ， 打 


“ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 项 卡 


02 在 图 5-14 中 单 击 “ 添 加 (D)” 按 钮 ， 打开 “创建 新 数据 源 ” 对 话 框 ， 在 “创建 新 数据 源 ” 
对 话 框 中 ， 选 择 Driver do Microsoft Access (*.mdb) 选项 ， 如 图 5-15 所 示 。 











图 5-15 “创建 新 数据 源 ” 对 话 框 
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03 单 击 “ 完 成 ”按钮 打开 “ODBC Microsoft Access 安装 ”对 话 框 ， 在 “数据 源 名 (N)” 
文本 框 中 输入 “dsnuser”， 如 图 5-16 所 示 。 










1 源 名 称 





r 
2. 单 击 “ 选 择 Bs -| 蜡 ] [人 ms=] ma 
1 


tt--------- 1 ET 





图 5-16 “ODBC Microsoft Access 安装 ”对 话 框 


04 在 图 5-16 中 单 击 “ 选 择 (S)” 按 钮 打开“ 选择 数据 库 ” 对 话 框 ， 单 击 “ 了 驱动 器 (V)” 
列表 框 右边 的 三 角 按钮 [|， 从 下 拉 列 表 框 中 找到 在 创建 数据 库 步骤 中 数据 库 所 在 的 盘 符 ， 在 “ 目 
录 (D)” 中 找到 在 创建 数据 库 步骤 中 保存 数据 库 的 文件 夹 ， 然 后 单 击 左上 方 “ 数 据 库 名 (A)” 选 
项 组 中 的 数据 库 文件 membermdb， 则 数据 库 名 称 自动 添加 到 “数据 库 名 (A)” 下 的 文本 框 中 ， 如 
图 5-17 所 示 。 




















图 5-17 选择 数据 库 


05 找到 数据 库 后 ， 单 击 “ 确 定 ” 按 钮 回 到 “ODBC Microsoft Access 安装 ”对 话 框 中 ， 再 次 
单 击 “ 确 定 ” 按 钮 ， 将 返回 到 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 项 卡 ， 可 以 看 到 “ 系 
统 数据 源 ” 中 已 经 添加 了 一 个 名 称 为 dsnuser、 驱 动 程序 为 Driver do Microsoft Access (*.mdb) 的 
系统 数据 源 ， 如 图 5-18 所 示 。 


| 


用 户 DSW| 系统 ISN | 文件 DSH 驱动 程序 | 跟 站 | 连接 也 | 关于 
系 总 教 据 乔 G) 


























人 | ee 


ee] wire do Nicrosoft Meeess (edb) 和 而 


























[| EE [ 师 w ] 蕊 熏 





图 5-18 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 项 卡 
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06 单 击 “ 确 定 ”按钮 ， 完 成 “ODBC 数 


映 源 管理 器 ”上 








Ph“ 系统 DSN” 的 设置 。 


07 启动 Dreamweaver CC， 执 行 菜单 “文件 ” |“ 新 建 ”命令 ， 打 开 “ 新 建文 档 ” 对 话 框 ， 选 
择 “ 空 白 页 ”选项 卡 中 “页 面 类 型 ”列表 框 下 的 HTML 选项 ， 在 “布局 ”列表 框 中 选择 “无 ” 选 
项 ， 然 后 单 击 “ 创 建 ” 按 钮 ， 在 网 站 根 目录 下 新 建 一 个 名 为 index.asp 的 网 页 并 保存 ， 如 图 5-19 

















所 示 。 


08 根据 前 面 讲 过 的 站 点 设置 方法 ， 设 置 好 “站 点 ”“ 文 档 类 型 >“ 测试 服务 器 ”， 在 
Dreamweaver CC 中 执行 菜单 “窗口 ” |“ 数据库 ”命令 ， 打 开 “ 数 据 库 ” 面 板 ， 如 图 5-20 所 示 。 
09 单 击 “ 数 据 库 面板 中 的 [加 按钮 , 弹出 如 图 5-21 所 示 的 菜单 , 选择 “数据 源 名 称 (DSN)” 





选项 。 
Ce | - s 
1 1. 移 择 文件 ! "2 2m msn es = 
re 
1 保存 路 径 ! wx ”尚文 类 库 pr 
本 Fr 
和 二 交 后 一 四 55 i 
ne 
Bs 中 
同时 
下 
ET 同和 有 名 二 
CC 
emmy [Al poor Hore ones ston ahi hori ee wtp ore ropeoer meet nde roe] 
rere 
oe ae Lm |] 





图 5-19 建立 首页 并 保存 


v 


4 单 击 上 而 的 + 按 相 他 建 接 。 





图 $-20 应 用 程序 “数据 库 ” 面 板 


dsnuser， 其 他 保持 默认 值 ， 如 图 5-22 所 示 。 


1 2 选择 此 项 1 


个 定义 连接 字符 这“ “ 二 
数据 源 名 称 (DSN) _/ 
‘ 








图 5-21 选择 “数据 源 名 称 (DSN)” 选 项 


10 打开 “数据 源 名称 〈(DSN)” 对 话 框 ， 在 “连接 名 称 ”文本 框 中 输入 “user”， 单 击 “ 数 据 
源 名 称 〈(DSN)” 下 拉 列 表 框 右边 的 三 角 按 钮 下 ， 从 打开 的 数据 源 名 称 〈(DSN) 下 拉 列 表 中 选择 





i 


司 使 用 本 地 DSN 


Dreamweaver 应 连接 - 日 使 用 测试 最 务 委 上 的 DSN 








图 5-22 “数据 源 名 称 “DSN)” 对 话 框 
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和 1 在 “数据 源 名 称 (DSN)” 对 话 框 中 ， 单 击 “ 确 定 ” 按 钮 后 完成 此 步骤。 在 “数据 库 ” 面 
板 中 ， 内 容 应 如 图 5-23 所 示 。 

12 同时 ， 在 网 站 根 目录 下 将 会 自动 创建 名 为 Connections 的 文件 夹 ， 该 文件 夹 内 有 一 个 名 为 
userasp 的 文件 ， 可 以 用 记事 本 打开 ， 内 容 如 图 5-24 所 示 。 
= 
园 - wi: Asp wiseipt 0 


昌国 Wr 3 ET 


5 县 \ 创建 的 数据 库 ! Bb es Commecti on odbe_comm, den-htn” 




















加 ri = "dsm=dsnuscr,” 











图 5-23 设置 的 数据 库 图 图 5-24 自动 产生 的 userasp 
user.asp 文 件 中 记载 了 数据 库 的 连接 方法 及 连接 参数 ， 其 各 行 代码 的 含义 如 下 : 


交大 次 交 交 次 交 次 次 关 交 次 次 次 大奖 六 交 次 大 奖 交 次 次 奖 奖 交 交 次 次 实 次 次 奖 次 记 次 次 奖 次 训 次 次 次 次 训 次 次 次 次 次 次 次 交 交 次 六 次 次 次 交 次 实 交 次 关 次 六 大 
< 多 

' FileName="Connection odbc conn dsn.htm" 

' Type="ADO" 

// 类 型 为 ADO 

' DesigntimeType="ADO" 

// 这 三 行 代码 是 设置 数据 库 的 连接 方式 为 ADO 的 连接 方法 

” HTTP="false" 


// 设 置 http 的 连接 方法 为 否 

1 Catalog="" 

// 设 置 目录 为 空 

' Schema="" 

// 概 要 内 容 为 空 

Dim MM_user_STRING 

// 定 义 为 user 数据 库 名 的 绑 定 

MM user STRING = "dsn=dsnuser;" 
// 设 置 为 DSN 数据 源 连 接 

多 > 


若 网 站 要 上 传 到 远程 服务 器 端 ， 则 需要 对 数据 库 的 路 径 进行 更 改 。 
13 执行 菜单 “文件 ” |“ 保存 ”命令 ， 保 存 该 文档 ， 完 成 数据 库 的 连接 。 


5.3 ”用 户 登录 模块 的 设计 


本 节 主要 介绍 用 户 登 录 模块 的 制作 。 在 该 模块 中 ， 称 进行 登录 的 用 户 为 会 员 ， 所 以 界面 中 
显示 的 是 “会 员 登录 ”字样 
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5.3.1 登录 页 面 


在 用 户 访问 该 用 户 管理 系统 时 ， 首 先 要 进行 身份 验证 ， 这 个 功能 是 靠 登 录 页 面 来 实现 的 。 
所 以 登录 页 面 中 必须 有 要 求 用 户 输 入 用 户 名 和 密码 的 文本 框 , 以 及 输入 完成 后 进行 登录 的 “ 登 
录 ” 按 钮 (或 “提交 ”按钮 ) 和 输入 错误 后 重新 设置 用 户 名 和 密码 的 “ 重 置 ”按钮 。 详 细 的 制 
作 步 又 如 下 : 


01 首先 来 看 一 下 用 户 登录 的 首页 设计 ， 如 图 5-25 所 示 。 


大人、 对 时 和 
Or:* DUE Bes Mes 
站 区 生活 ， 打 井 自 己 的 家 


图 5-25 用 户 登录 系统 首页 


02 index.asp 页 面 是 用 户 登录 系统 的 首页 , 打开 前 面 创建 的 index.asp 页 面 , 输入 网 页 标题 “ 帆 
云 购物 中 心 ” 然后 执行 菜单 “文件 ”|“ 保 存 ” 命 令 将 网 页 标题 保存 。 

03 执行 菜单 “修改 ”| “页面 属性 ” 命令 , 然后 在 “背景 颜色 ”文本 框 中 输入 颜色 值 为 #cccccc， 
在 “上 边 距 ”文本 框 中 输入 0 像素 , 这 样 设置 的 目的 是 为 了 让 页 面 的 第 一 个 表格 能 置顶 到 上 边 , 并 
形成 一 个 灰色 底 纹 的 页 面 ， 设 置 如 图 5-26 所 示 。 





1 1. 设置 背景 色 为 
1 #cccccc， 产 生 灰 色 
1 底 纹 


2 
1 2. 设 置 上 边 距 为 0，! 
! 让 页 面 的 第 一 个 表 1 
! 格 能 置顶 到 上 边 。 | 























图 5-26 “页 面 属性 ”对 话 杠 
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04 设置 完成 后 单 击 “ 确 定 ”按钮 ， 进 入 “文档 ”窗口 ， 执 行 菜单 “插入 ”|“ 表 格 ” 命 令 ， 
在 打开 的 “表格 ”对 话 框 中 ， 在 “ 行 数 ”文本 框 中 输入 需要 插入 表格 的 行 数 为 3， 在 “ 列 ” 文 本 框 
中 输入 需要 插入 表格 的 列 数 为 3。 在 “表格 宽度 ”文本 框 中 输入 775 像素 ,“ 边 框 粗细 ”“ 单 元 格 边 
距 ” 和 “间距 ”都 为 0， 如 图 5-27 所 示 。 





要 格 大 小 


行 数 :3 车 二 一 一 一 











志 格 宽度 775 “|[ 仿 寺 = ! 设置 表格 行 数 、 |! 
这 要 和 经 : 0 。 你 ! 列 数 和 表格 宽度 ! 
sizi2E 国 | 





























| 
图 5-27 设置 “表格 ”属性 
05 单 击 “ 确 定 ” 按 钮 ， 这 样 就 在 “文档 ”窗口 中 插入 了 一 个 3 行 3 列 的 表格 。 将 鼠标 放置 
在 第 1 行 表格 中 ， 在 “属性 ”面板 中 单 击 “合并 所 选单 元 格 ， 使 用 跨度 ”按钮 团 ， 将 第 1 行 表格 
合并 。 再 执行 菜单 “插入 ”|“ 图 像 ”命令 ， 打 开 “ 选 择 图 像 源 文件 ”对 话 框 ， 在 站 点 images 文件 
夹 中 选择 图 片 01.gif， 如 图 5-28 所 示 。 








~ X44 (Coit"jparipegre "| 
ES ee 











图 5-28 “选择 图 像 源 文件 ”对 话 杠 
06 单 击 “ 确 定 ”按钮 ， 就 在 表格 中 插入 了 此 图 片 ， 将 鼠标 放置 在 第 3 行 表格 中 ， 在 “属性 ” 
板 中 单 击 “ 合 并 所 选单 元 格 ， 使 用 跨度 ”按钮 回 ， 将 第 3 行 所 有 列表 格 合并 ， 再 执行 菜单 “ 插 
入 ”| “图像 ”命令 ,打开 “选择 图 像 源 文件 ”对 话 框 ， 在 站 点 images 文件 夹 中 选择 图 片 05.gif， 
插入 一 个 图 片 ， 效 果 如 图 5-29 所 示 。 
07 插入 图 片 后 ， 选 择 插入 的 整个 表格 ， 在 “属性 ”面板 的 “对 齐 〈A)” 下 拉 列 表 框 中 ， 选 
择 “ 居 中 对 齐 ” 命 令 ， 让 插入 的 表格 居中 对 齐 ， 如 图 5-30 所 示 。 
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图 5-29 插入 图 片 效果 图 


国 开 格 和 加 | 元 了 
[me [NT 


到 到 到 下 页 全 oD 
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图 5-30 设置 “居中 对 齐 ” 


08 把 光标 移 至 创建 表格 第 2 行 第 1 列 中 ， 在 “属性 ”面板 中 设置 高 度 为 456 像素 、 宽 度 为 
179 像素 ， 设 置 高 度 和 宽度 是 根据 背景 图 像 而 定 的， 在 垂直 〈T) 下 拉 列 表 中 选择 “顶端 >。 再 将 光 
标 移 至 这 一 列 中 ， 单 击 国 搞 按钮 ， 在 <td> 中 输入 background="/images/02.gif'， 将 images 文件 夹 
中 的 02.g 让 文件 设置 成 这 一 列 中 的 背景 图 像 ， 得 到 的 效果 如 图 5-31 所 示 。 




















人 于 目标 规则 [body 了 | 字体 0 网 以 玫 舍 7] B|7Z|E| 委 | 汉 | 面 
名 入 规则 丰 回 于 ”二 十 同 
国 ] > rm 富 四 179 不 执行 四 厂 。” 至 景 绿色 (@) 厂 -| 





Re 可 而 D 456 标题 加 厂 





1 
11. 根据 背景 图 像 尺寸 设 ! 
| 置 单元 格 的 高 度 和 宽度 1 


四 
12. 加 入 背景 图 像 ( 青 景 
! 图 像 为 站 点 中 images 文 


! 件 夹 中 的 02.gif 图片) | 


1 。 Bis-。， 溪 。szs 攻 
OQ DUE sense Nas 
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图 5-31 插入 图 片 的 效果 图 


09 在 表格 的 第 2 行 第 2 列 和 第 3 列 中 分 别 插入 同 站 点 images 文 件 夹 中 的 图 片 03.gif 和 和 04.gif， 
完成 网 页 的 结构 搭建 ， 如 图 5-32 所 示 。 
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图 5-32 完成 的 网 页 背景 效果 图 


10 单 击 第 2 行 第 1 列 单元 格 ， 然 后 再 单 击 “ 文 档 ” 窗 口上 的 匿 绝 | 按钮 , 进入 文档 窗口 的 “ 拆 
分 ”窗口 模式 ， 在 <td> 和 </td> 之 间 输 入 valign="top" (表格 文字 和 图 片 的 相对 摆 放 位 置 ， 可 选 值 为 
top、middle、bottom， 其 中 valign="top" 表示 单元 格 内 容 位 于 本 单元 格 的 上 部 ，valign="middle" 表 
示 单 元 格 内 容 位 于 本 单元 格 的 中 部 ; valign="bottom" 表 示 单 元 格 内 容 位 于 本 单元 格 的 底部 ) 的 命令 ， 
表示 让 鼠标 能 够 自动 地 贴 至 该 单元 格 的 最 项 部， 如 图 5-33 所 示 。 
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图 5-33 设置 单元 格 的 对 齐 方 式 为 上 部 
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(7 文档 工具 栏 中 包含 了 多 个 按钮 ， 它 们 提供 各 种 文档 窗口 视图 ( 如 “设计 ”“ 拆 
分 ”和 “代码 ”视图 ) 、 各 种 查看 选项 和 一 些 常用 操作 ( 如 在 浏览 器 中 预览 ) 等 。 

对 各 选项 说 明 如 下 。 

。 代码 : 显示 代码 视图 ， 仅 在 “文档 ”窗口 中 显示 “代码 ”视图 。 

。 拆 分 : 显示 代码 视图 和 设计 视图 ， 在 “文档 ”窗口 的 一 部 分 中 显示 “代码 ” 
视图 ， 而 在 另 一 部 分 中 显示 “设计 ”视图 。 

晶 设计 : 显示 设计 视图 ， 仅 在 “文档 ”窗口 中 显示 “设计 ”视图 。 

。 标题 允许 为 文档 输入 一 个 标题 ， 它 将 显示 在 浏览 器 的 标题 栏 中 。 


衣 
El 


而 单 击 “ 文 档 ” 窗口 上 的 [加 | 按 钮 ， 返 回 文档 窗口 的 “设计 ”视图 。 在 第 2 行 第 1 列 单元 
格 中 ， 执 行 菜单 “插入 ”|“ 表 单 ”| “表单 ”命令 ， 如 图 5-34 所 示 ， 插 入 一 个 表单 。 
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图 5-34 执行 “表单 ”命令 

12 将 鼠标 放置 在 该 表单 中 ,执行 菜单 “插入 ”| “表格 ”命令 , 打开 “表格 ”对 话 框 ,在 “ 行 
数 ” 文 本 框 中 输入 5， 在 “ 列 ” 文 本 框 中 输入 2。 在 “表格 宽度 ”文本 框 中 输入 179 像素 ， 在 该 表 
单 中 插入 5 行 2 列 的 表格 。 单 击 并 拖 动 鼠标 ， 分 别 选择 第 1 行 和 第 5 行 单元 格 ， 并 分 别 在 “属性 ” 
而 板 中 单 击 “ 合 并 所 选单 元 格 ， 使 用 跨度 ”按钮 回 ， 将 这 几 行 单元 格 进行 合并 。 然 后 在 表格 的 第 2 
行 第 1 列 中 输入 文字 说 明 “ 用 户 名 : ” 在 第 2 行 第 2 列 中 执行 菜单 “插入 ”|“ 表 单 ”| “文本” 命 
令 ， 插入 一 个 单行 文本 域 表单 对 象 ， 并 定义 文本 域名 为 “usemame”， 最终 的 效果 如 图 5-35 所 示 。 

13 在 第 3 行 第 1 列表 格 中 输入 文字 说 明 “密码 : ”， 在 第 3 行 表格 的 第 2 列 中 执行 菜单 “ 插 
入 ”|“ 表 单 ”|“ 密 码 ” 命 令 ， 插 入 密码 表单 对 象 ， 定 义 文本 域名 为 “password”， 最 终 的 效果 如 
图 5-36 所 示 。 
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1 
插入 一 个 名 为 
password 的 单 
行文 本 域 


插入 一 个 名 为 
username 的 单 
行文 本 域 





图 5-35 输入 “用 户 名 ”和 插入 “文本 域 ”的 设置 图 5-36 密码 “文本 域 ”的 设置 
14 选择 第 4 行 单元 格 ， 执行“ 插入 ”| “表单 ”| 
“按钮 ”| “提交 按 钮 ”命令 ,插入 提交 按钮 ; 执行 “ 插 
入 ”| “表单 ”|“ 按 钮 ”|“ 重 置 按钮 ”命令 ， 插 入 重 置 
按钮 ， 如 图 5-37 所 示 。 















































往 在 第 5 行 输入 “注册 新 用 户 ”文本 ， 并 选中 [提交 重要 | 
这 几 个 字 ， 然 后 在 窗口 栏 中 选择 “插入 ”| “超级 链接 ” 抽 
(目标 为 _blank 并 在 新 窗口 中 打开 页 面 ) 并 设置 一 个 图 5-37 设置 按钮 名 称 








转 到 用 户 注册 页 面 register.asp 的 链接 对 象 ， 以 方便 用 
户 注册 ， 输 入 的 效果 如 图 5-38 所 示 。 








-输入 需要 链接， 
| 的 用 户 注册 页 ! 
6 面 registerasp | 

1 








图 5-38 ”建立 链接 
16 如 果 已 经 注册 的 用 户 忘记 了 密码 ， 还 希望 以 其 他 方式 能 够 重新 获得 密码 ， 可 以 在 表格 的 
第 4 列 中 输入 “ 找 回 密码 ”文本 ， 并 设置 一 个 转 到 密码 查询 页 面 lostpassword.asp 的 链接 对 象 ， 方 
便 用 户 取 回 密码 ， 如 图 5-39 所 示 。 
























1 输入 找 回 密码 时 需 ! 

确 9 

i 呈 要 链接 的 页 面 

[CR lostpassword.asp | 
1 

1 





图 5-39 密码 查询 设置 














17 表单 编辑 完成 后 ， 下 面 来 编辑 该 网 页 的 动态 内 容 ， 使 用 户 可 以 通过 该 网 页 中 表单 的 提交 
实现 登录 功能 。 打 开 “ 服 务 器 行为 ”面板 ， 单 击 该 面板 上 的 轩 按 钮 ， 执 行 “用 户 身份 验证 ”|“ 登 
录用 户 ” 命 令 ， 如 图 5-40 所 示 ， 向 该 网 页 添加 “登录 用 户 ” 的 服务 器 行为 。 

18 此 时 ， 打 开 “ 登 录用 户 ” 对 话 框 ， 在 该 对 话 框 中 进行 如 下 设置 。 
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e。 从 “从 表单 获取 输入 ”下 拉 列 表 框 中 选择 该 服务 器 行为 使 用 网 页 中 的 forml 对 象 ， 设 
定 该 用 户 登 录 服 务 器 行为 的 用 户 数据 来 源 为 表单 对 象 中 访问 者 填写 的 内 容 。 

e@ 从 “用 户 名 字段 ”下 拉 列 表 框 中 选择 文本 域 username 对 象 ， 设 定 该 用 户 登 录 服 务 器 
行为 的 用 户 名 数据 来 源 为 表单 的 username 文本 域 中 访问 者 输入 的 内 容 。 

ee 从 “密码 字段 ”下 拉 列 表 框 中 选择 文本 域 password 对 象 ， 设 定 该 用 户 登录 服务 器 行 
为 的 用 户 名 数据 来 源 为 表单 的 password 文本 域 中 访问 者 输入 的 内 容 。 

e 从 “使 用 连接 验证 ”下 拉 列 表 框 中 选择 用 户 登 录 服 务 器 行为 使 用 的 数据 源 连接 对 象 
为 user。 

e 从 “表格 ”下 拉 列 表 框 中 选择 该 用 户 登 录 服 务 器 行为 使 用 到 的 数据 库 表 对 象 为 

member。 

从 “用 户 名 列 ”下 拉 列 表 框 中 选择 表 member 存储 用 户 名 的 字段 为 username。 

从 “密码 列 ”下 拉 列 表 框 中 选择 表 member 存储 用 户 密码 的 字段 为 password。 

在 “如 果 登 录 成 功 ， 转 到 ”文本 框 中 输入 登录 成 功 后 转向 welcome.asp 页 面 。 

在 “如 果 登 录 失 败 ， 转 到 ”文本 框 中 输入 登录 失败 后 转向 loginfail.asp 页 面 。 

选择 “基于 以 下 项 限制 访问 ”后 面 的 “用 户 名 、 密 码 和 访问 级 别 ” 单 选 按钮 ， 设 定 

后 面 将 根据 用 户 的 用 户 名 、 密 码 及 权限 级 别 共同 决定 其 访问 网 页 的 权限 。 

e 从 “获取 级 别 自 ”下 拉 列 表 框 中 选择 authority 字段 ， 表 示 根 据 authority 字段 的 数字 
来 确定 用 户 的 权限 级 别 。 


设置 完成 后 的 对 话 框 显示 如 图 5-41 所 示 。 








从 表单 获 开办 入 : |fornl 了 
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守 三 列 : [Passyord 
部 黑 登 录 成 功 ， 装 到 : velcone. asp 








8 


回转 到 前 一 个 URL ( 如果 安 存在 ) 
基 果 辣 录 失败 ， 转 到 logirfail. asp 





芋 于 以 下 项 必 抽 访问 : 目 用 广 合 和 守 三 
加 用 户 名 、 密 三 和 访问 级 到 
系 到 绷 别 自 -authority 




















图 5-40 添加 “登录 用 户 ” 的 服务 器 行为 图 5-41 “登录 用 户 ” 对 话 框 


19 设置 完成 后 ， 单 击 “确定 ”按钮 关闭 该 对 话 框 ， 返 回 到 “文档 ”窗口 。 在 “服务 器 行 
为 ”面板 中 就 增加 了 一 个 “登录 用 户 ”行为 ， 如 图 5-42 所 示 。 



































前 面 设置 的 服务 ! 
器 行为 在 此 出 现 1 





图 5-42 “服务 器 行为 ”面板 
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20 表单 对 象 对 应 的 “属性 ”面板 的 动作 属性 值 为 <%=MM_LoginAction%>， 如 图 5-43 所 示 。 
它 的 作用 就 是 实现 用 户 登 录 功 能 。 这 是 Dreamweaver CC 自动 生成 的 一 个 动作 代码 。 





























副 惠 单 动作 SELLoeiaketioay ] 已 时 四 | 类 回 无 习 
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图 5-43 表单 对 应 的 “属性 ”面板 
21 执行 菜单 “文件 ”|“ 保 存 ” 命 令 ， 将 该 文档 保存 到 本 地 站 点 中 ， 完 成 网 站 的 首页 制作 。 


5.3.2 登录 成 功 和 登录 失败 页 面 的 制作 


当 用 户 输入 的 登录 信息 不 正确 时 ， 就 会 转 到 loginfail.asp 页 面 ， 显 示 登 录 失 败 的 信息 。 如 果 
用 户 输入 的 登录 信息 正确 ， 就 会 转 到 welcome.asp 页 面 。 

01 执行 菜单 “文件 ”|“ 新 建 ” 命 令 ， 打 开 “ 新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 页 ”选项 卡 中 
“页 面 类 型 ”下 拉 列 表 框 中 的 HTML 选项 ， 在 “布局 ”列表 框 中 选择 “无 ”选项 ， 然 后 单 击 “ 创 
建 ” 按 钮 创建 新 页 面 ， 在 网 站 根 目 录 下 新 建 一 个 名 为 loginfail.asp 的 网 页 并 保存 ， 如 图 5-44 所 示 。 
































| 
人 Ga * ss ,nemoer "4+)| Bmember P| 
组 织 ” 。 新 文件 失 泣 ” @ 
窒 必 项 交 本 “文档 库 排列 方式 文件 诡 ~ 证 1 
et | 上 人 1 存放 文件 ! 
0 ! 到 同一 站 点 ! 
smb 和 EF] a Fi = 1 
12. loginfailasp! ~、、| Bus 3 上 
~ 属 图 
! 页 面 是 登录 失 ! Bs 
1 | 
败 转向 的 页 面 如 (N): loginfailasp| 四 | 区 属 1 
和 1 本 1 3. 单 击 “ 保 
本 
< 隐 蕊 文件 夫 站 寺 根 目录 保存 (S) EE ee 
图 5-44 “另存 为 ”对 话 框 
02 登录 失败 页 面 如 图 5-45 所 示 。 在 “文档 ”窗口 中 单 击 “这 里 ”链接 文本 , 加 入 链接 index.asp， 


将 其 设置 为 指向 index.asp 页 面 的 链接 。 








ni i i | 

1 单 击 文字 “这 里 ”可 以 转向 ! 个、 3 a 
! 重新 登录 页 面 a ! 和 册 请 作 刘 生生 的 本 所 用 的 和 是 二 
让 1 请 单 击 这 里 重新 登录 





图 5-45 ”登录 失败 页 面 loginfail.asp 
03 执行 菜单 “文件 ”|“ 保 存 ” 命 令 ， 完 成 loginfail.asp 页 面 的 创建 。 
接 下 来 制作 welcome.asp 页 面 ， 详 细 制 作 的 步骤 如 下 : 
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01 执行 菜单 “文件 ”| “新建 ”命令 ， 打 开 “ 新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 页 ”选项 卡 中 
“页 面 类 型 ”下 拉 列 表 框 中 的 ASP VBScript 选项 ， 在 “布局 ”下 拉 列 表 框 中 选择 “无 ”选项 ， 然 
后 单 击 “创建 ”按钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 一 个 名 为 welcome.asp 的 网 页 并 保存 。 

02 用 类 似 的 方法 制作 登录 成 功 页 面 的 静态 部 分 ， 如 图 5-46 所 示 。 

03 执行 菜单 “窗口 ” |“ 绑 定 ”命令 ， 打 开 “ 绑 定 ”面板 ， 单 击 该 面板 上 的 轩 按 钮 ， 在 弹出 
的 菜单 中 选择 “阶段 变量 ”选项 ， 为 网 页 中 定义 一 个 阶段 变量 ， 如 图 5-47 所 示 。 





















































;区 录 成 功 ， 








图 5-46 ”欢迎 界面 的 效果 图 图 5-47 添加 阶段 变量 


【分 “ 绑 定 ”面板 中 各 选项 的 说 明 如 下 。 

所 ® 记录 集 (查询 ) : 用 来 绑 定 数据 库 中 的 记录 集 ， 在 绑 定 记录 集中 选择 要 绑 定 的 
数据 源 、 数 据 库 以 及 一 些 变量 ， 用 于 记录 的 显示 和 查询 。 

日 命令 ( 预存 过 程 ) : 在 命令 对 话 框 中 有 更 新 、 删 除 等 命令 ， 执 行 这 个 命令 主要 
是 为 了 让 数据 库 里 的 数据 保持 最 新 状态 。 

日 请 求 变量 ;: 用 于 定义 动态 内 容 源 ， 从 “类 型 ”弹出 菜单 中 选择 一 个 请 求 集合 。 
若 要 访问 Request.ServerVariables 集合 中 的 信息 ， 则 选择 “服务 器 变量 ”; 车 
要 访问 Request.Form 集合 中 的 信息 ， 则 选择 “表单 ”。 

日 阶段 变量 : 提供 了 一 种 对 象 ， 通 过 这 种 对 象 ， 用 户 信息 得 以 存储 ， 并 使 该 信息 
在 用 户 访问 的 持续 时 间 中 对 应 用 程序 的 所 有 页 都 可 用 。 阶 段 变量 还 可 以 提供 
一 种 超时 形式 的 安全 对 象 ， 这 种 对 象 在 用 户 账户 长 时 间 不 活动 的 情况 下 终止 
该 用 户 的 会 话 。 如 果 用 户 忘记 从 Web 站 点 注销 ， 那 么 这 种 对 象 还 会 释放 服务 
器 内 存 和 处 理 资源 。 


04 打开 “阶段 变量 ”对 话 框 。 在 “名 称 ” 文 本 框 中 输入 “阶段 变量 ”的 名 称 MM_usemame， 
如 图 5-48 所 示 。 

05 设置 完成 后 ， 单 击 该 对 话 框 中 的 “确定 ”按钮 ， 在 “文档 ”窗口 中 通过 拖 动 鼠 标 选 择 
“XXXXXX” 文 本 ， 然 后 在 “ 绑 定 ” 面 板 中 选择 MM_username 变量 ， 再 单 击 “ 绑 定 ” 面 板 底部 的 
“插入 ”按钮 ， 将 其 插入 到 该 “文档 ”窗口 中 设 定 的 位 置 。 插 入 完毕 ， 可 以 看 到 “XXXXXX” 文 
本 被 {Session.MM_username} 占 位 符 代 替 ， 如 图 5-49 所 示 。 这 样 ， 就 完成 了 显示 登录 用 户 名 “阶段 
变量 ”的 添加 工作 。 
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名 称 : J0_username 





图 5-48 “阶段 变量 ”对 话 框 图 5-49 插入 后 的 效果 


设计 阶段 变量 的 目的 是 用 户 登 录 成 功 后 在 登录 界面 中 直接 显示 用 户 的 名 字 ， 使 网 
福全 页 更 有 亲切 感 . 


06 在 “文档 ”窗口 中 拖 动 鼠 标 选中 “注销 你 的 用 户 ” 链 接 
文本 。 执 行 菜单 “窗口 ”| “服务 器 行为 ”| “用 户 身份 验证 ”| “ 注 
销 用 户 ” 命 令 ， 为 所 选中 的 文本 添加 一 个 “注销 用 户 ”的 服务 器 
行为 ， 如 图 5-50 所 示 。 

07 打开 “注销 用 户 ” 对 话 框 , 在 该 对 话 框 中 进行 如 下 设置 。 

。 “在 以 下 情况 下 注销 ”用 于 设置 注销 。 本 例 选 中 “ 单 

击 链接 ” 单 选 按钮 ， 并 在 右边 的 下 拉 列 表 框 中 选择 “ 注 
销 你 的 用 户 ”， 这 样 当 用 户 在 页 面 中 单 击 “ 注 销 你 的 
用 户 ” 时 就 执行 注销 操作 。 

e “在 完成 后 ， 转 到 ”文本 框 用 于 设置 注销 后 显示 的 
页 面 ， 本 例 在 右 侧 文本 框 中 输入 “logoot.asp”， 表 图 5-50 “注销 用 户 ”命令 
示 注 销 后 转 到 logootasp 页 面 ， 完 成 后 的 设置 如 图 
5-51 所 示 。 





在 以 下 情况 下 注 峭 : 回 单 击 链 接 :| 主 清 作 的 用 户 ” 


了 页 面 款 入 
在 完成 后 ， 转 到 : 1ogoot, asp 





ES 
1 注销 完成 后 转 至 | 


1 logoot.asp 页 面 








图 5-51 “注销 用 户 ” 对 话 框 

08 设置 完成 后 , 单 击 “ 确 定 ” 按 钮 关闭 该 对 话 框 ， 
返回 到 “文档 ”窗口 。 在 “服务 器 行为 ”面板 中 增加 了 [CSE ewnese 2 ex] 
一 个 “注销 用 户 ” 行 为 ， 同 时 可 以 看 到 “注销 用 户 ” 链 Hn WH BEV WERN IRD wml) 
接 文本 对 应 的 “属性 ”面板 中 的 “链接 ”属性 值 为 0 
<%=MM_Logout%>， 它 是 Dreamweaver CC 自动 生成 
的 动作 对 象 。 

09 logoot.asp 的 页 面 设 计 比 较 简 单 ， 不 做 详细 说 
明 ， 在 页 面 中 的 文字 “这 里 ”处 指定 一 个 链接 到 首页 
index.asp 就 可 以 了 ， 效 果 如 图 5-52 所 示 。 图 5-52 注销 用 户 页 面 设计 效果 图 
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10 执行 菜单 “文件 ” |“ 保存 ”命令 ， 将 该 文档 保存 到 本 地 站 点 中 。 编 辑 工作 完成 后 ， 就 可 
以 测试 该 用 户 登 录 系 统 的 执行 情况 了 。 文 档 中 的 “修改 你 的 资料 ”链接 到 userupdate.asp 页 面 ， 此 
页 面 将 在 后 面 的 修改 中 进行 介绍 。 


5.3.3 ”用 户 登录 系统 功能 的 测试 


制作 好 一 个 系统 后 , 需要 测试 无 误 才能 上 传 到 服务 器 以 供 使 用 。 下 面 就 对 登录 系统 进行 测 
试 ， 测 试 的 步 又 如 下 : 

01 打开 IE 浏览 器 ， 在 地 址 栏 中 输入 “http://127.0.0.1/index.asp”， 打 开 index.asp 页 面 ， 如 图 
5-53 所 示 。 

02 在 “用 户 名 ”和 “密码 ”文本 框 中 输入 用 户 名 及 密码 ， 输 入 完毕 ， 单 击 “ 提 交 ” 按 钮 。 

03 如 果 在 第 2 步 中 填写 的 登录 信息 是 错误 的 ， 或 者 根本 就 没有 输入 ， 浏 览 器 就 会 转 到 登录 
失败 页 面 loginfail.asp， 显 示 登 录 错 误 信 息 ， 如 图 5-54 所 示 。 
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图 5-53 打开 的 网 站 首页 图 5-54 登录 失败 页 面 loginfail.asp 效果 


04 如 果 输 入 的 用 户 名 和 密码 都 正确 ， 就 显示 登录 成 功 页 面 。 这 里 输入 的 是 前 面 数据 库 设置 
的 用 户 admin， 登 录 成 功 后 的 页 面 如 图 5-55 所 示 ， 其 中 显示 了 用 户 名 admin。 

05 想 注销 用 户 时 ， 只 需要 单 击 “ 注 销 你 的 用 户 ” 超 链接 即 可 。 注 销 用户 后 ， 浏 览 器 就 会 转 到 页 
面 logoot.asp， 然 后 单 击 文字 “这 里 ” 回 到 首页 ， 如 图 5-56 所 示 。 至 此 ， 登 录 功能 就 测试 完成 了 。 
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5-55 ”登录 成 功 页 面 welcome.asp 效果 图 5-56 注销 用 户 页 面 设计 
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5.4 用 户 注册 模块 的 设计 


用 户 登录 系统 是 供 数据 库 中 已 有 的 老 用 户 登录 用 的 ,一 个 用 户 管理 系统 还 应 该 提供 新 用 户 
注册 用 的 页 面 。 对 于 新 用 户 来 说 ， 通 过 单 击 index.asp 页 面 上 的 “注册 新 用 户 ” 超 链接 ， 进 入 到 
名 为 register.asp 的 页 面 ， 在 该 页 面 可 以 实现 新 用 户 注册 功能 。 


5.4.1 用 户 注册 页 面 


register.asp 页 面 主要 实现 用 户 注册 的 功能 , 用 
注册 的 操作 就 是 向 membermdb 数 据 库 dh 
中 添加 记录 的 操作 ， 完 成 的 页 面 如 图 5-57 所 示 。 

01 执行 菜单 “文件 ”|“ 新 建 ”命令 ， 打开 “新 
建文 档 ” 对 话 框 ， 选 择 “ 空 白 页 ”选项 卡 中 “页 面 类 
型 ”下 拉 列 表 框 中 的 HTML 选项 ， 在 “布局 ”下 拉 列 
表 框 中 选择 “无 ”选项 ， 然 后 单 击 “ 创 建 ” 按 钮 创建 
新 页 面 ， 在 网 站 根 目 录 下 新 建 一 个 名 为 registerasp 的 
网 页 并 保存 。 

02 在 Dreamweaver CC 中 使 用 制作 静态 网 页 的 
工具 完成 如 图 5-58 所 示 的 静态 部 分 ， 这 里 要 说 明 的 是 图 5-57 用 户 注册 页 面 样式 
注册 时 需要 加 入 一 个 “隐藏 域 ”并 命名 为 authority， 设 置 默 认 值 为 0， 即 所 有 的 用 户 注册 的 时 候 默 
认 是 一 般 访问 用 户 。 
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请 用 户 认真 填写 注册 信息 ! 
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图 5-58 registerasp 页 面 静态 设计 


(1) 在 为 表单 中 的 文本 域 对 象 命名 时 ， 由 于 表单 对 象 中 的 内 容 将 被 添加 到 user 
哮 。 表 中 ， 因 此 可 以 将 表单 对 象 中 的 文本 域名 设置 为 与 数据 库 中 的 相应 字段 名 相同 ， 
提 示 ”这 样 做 的 目的 是 当 该 表单 中 的 内 容 添加 到 user 表 中 时 会 自动 配对 ， 文 本 “重复 密 
码 ” 对 应 的 文本 框 命名 为 password1。 
(2 ) 隐藏 域 是 用 来 收集 或 发 送信 息 的 不 可 见 元 素 . 对 于 网 页 的 访问 者 来 说 ,隐藏 
域 是 看 不 见 的 。 当 表单 被 提交 时 ， 隐 藏 域 就 会 将 信息 用 设置 时 定义 的 名 称 和 值 发 
送 到 服务 器 上 。 


03 还 需要 设置 一 个 验证 表单 的 动作 ， 用 来 检查 访问 者 在 表单 中 填写 的 内 容 是 否 满足 数据 库 
中 表 user 中 字段 的 要 求 。 在 将 用 户 填写 的 注册 资料 提交 到 服务 器 之 前 ， 就 会 对 用 户 填写 的 资料 进 
行 验证 。 如 果 有 不 符合 要 求 的 信息 ， 就 可 以 向 访问 者 显示 错误 的 原因 ， 并 让 访问 者 重新 输入 。 
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04 执行 菜单 “窗口 ”| “行为 ”命令 ， 就 会 打开 “行为 ”面板 。 单 击 “ 行 为 ”面板 中 的 [罗拉 
钮 ， 从 打开 的 行为 列表 中 选择 “检查 表单 ”选项 ， 打 开 “ 检 查 表单 ”对 话 框 ， 如 图 5-59 所 示 。 
L We | 
input “address” v ET 
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形式 ! 






加 | 电子 邮件 地 址 





图 5-59 设置 “检查 表单 ”对 话 框 选项 


本 例 中 ,设置 username 文 本 域 .password 文 本 域 .password1 文本 域 .answer 文 本 域 、truename 
文本 域 、address 文 本 域 为 “ 值 : 必需 的 ”, “可 接受 : 任何 东西 ”， 即 这 几 个 文本 域 必须 填写 ， 
内 容 不 限 ， 但 不 能 为 空 ，tel 文 本 域 和 qq 文本 域 设置 的 验证 条 件 为 “ 值 : 必需 的 ”，“ 可 接受 ; 
数字 ”， 表 示 这 两 个 文本 域 必 须 填 写 数字 ， 不 能 为 空 ，e-mail 文 本 域 的 验证 条 件 为 “ 值 : 必需 
的 ”，“ 可 接受 : 电子 邮件 地 址 ”， 表 示 该 文本 域 必须 填写 电子 邮件 地 址 ， 且 不 能 为 空 。 


05 设置 完成 后 ， 单 击 “ 确 定 ”按钮 ， 完 成 对 检查 表单 的 设置 。 
06 在 “文档 ”窗口 中 单 击 工具 栏 上 的 “代码 ”按钮 ， 转 到 “代码 ”编辑 窗口 ， 然 后 在 验证 
表单 动作 的 源 代 码 中 加 入 如 下 代码 : 


<script type="text/javascript"> 
function MM validateForm() { //v4.0 
if (document .getElementById){ 
var i,p,qnm,test,num,min,max,errors='',args=MM validateForm.arguments; 
for (i=0; i<(args.length-2); i+=3) { test=args [i+2]; val=document. 
getElementById (args [i]); 
if (val) { nm=val.name; if ((val=val.value)!="") { 
if (test.indexOf ('isEmail')!=-1) { p=val.indexOf ('@'); 
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail 
address.\n'; 
} else if (test!='R') { num = parseFloat (val); 
if (isNaN(val)) errors+='!- '+nm+' must contain a number.\n'; 


























if (test.indexOf ('inRange') != -1) { p=test.indexOf (':'); 
min=test.substring(8,p); max=test.substring (p+1); 
if (num<min || max<num) errors+='- '+nm+' must contain a number 


between '+min+' and '+max+'.\n'; 
}}}elseif (test.charAt (0) == 'R') errors += '- '+nm+' is required.\n';} 
} if (errors) alert('The following error(s) occurred:\n'+terrors); 
document .MM returnValue = (errors == "''); 


I 
</script> 


把 代码 修改 成 如 下 : 


<script type="text/JavaScript"> 
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// 宣 告 脚本 语言 为 JavaScript 
l= 
function MM findobj (n，d) { //v4.01 
Var pi,x; if(!d) d=document; if((p=n.indexOf ("?") )>0&&parent.frames . 
length) { 
d=parent.frames[n.substring(p+1)] .document; n=n.substring(0,p);} 
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d. 
forms[i][n]; 
for(i=0;!x&&d.layersgg&i<d.layers.length;i++) x=MM findobj (n,d.layers[i]. 
document); 
if(!x && d.getElementById) x=d.getElementById(n); return x; 


} 
// 定 义 创建 对 话 框 的 基本 属性 
function MM validateForm() { //v4.0 
var i,p,qnm,test,num,min,max,errors='',args=MM validateForm.arguments; 
// 检 查 提交 表单 的 内 容 
for (i=0; i<(args.length-2); i+=3) { test=args [i+2]; val=MM findobj (args[i]); 
if (val) { nm=val.name; if ((val=val.value)!="") { 
if (test.indexOf ('isEmail')!=-1) { p=val.indexOf ('@'); 
if (p<1 || p==(val.length-1)) errors+='- '+nm+' 需要 输入 邮箱 地 址 .\n'; 
// 如 果 提 交 的 邮箱 地 址 表单 中 不 是 邮件 格式 则 显示 为 “需要 输入 邮箱 地 址 ” 
} else if (test!='R') { num = parseFloat (val); 
if (isNaN (val)) errors+=!- '+nm+' 需要 输入 数字 .\n'; 
// 如 果 提交 的 电话 表单 中 不 是 数字 则 显示 为 “需要 输入 数字 ” 


if (test.indexOf ('inRange') != -1) { p=test.indexOf (':'); 
min=test.substring(8,p); max=test.substring(p+1); 
if (num<min || max<num) errors+='- '+nm+' 


需要 输入 数字 '+min+' and '+max+'.\n'; 
// 如 果 提 交 的 89 表单 中 不 是 数字 则 显示 为 “需要 输入 数字 ” 
} } } else if (test.charAt (0) == 'R') errors += '- '+nm+' 需要 输入 .\n'; } 

// 如 果 提 交 的 地 址 表单 为 空 则 显示 为 “需要 输入 ” 

} if (MM_findobj ('"'Password') .value!=MM_ findobj('passwordl') .value) errors += 
'- 两 次 密码 输入 不 一 致 \n'; 

if (errors) alert(' 注 册 时 出 现 如 下 错误 :\n'+errors)， 

document .MM returnValue = (errors == ''); 
// 如 果 出 错时 将 显示 “注册 时 出 现 如 下 错误 : ” 
} 















































/= 这 

</script> 

编辑 代码 完成 后 ， 单 击 工具 栏 上 的 CE 按钮， 返回 到 “设计 ” ”| 二 二 二 二 
视图 。 国 | 人 mT 

此 时 ， 可 以 测试 一 下 执行 的 效果 。 当 两 次 输入 的 密码 不 一 致 ， De 
然后 单 击 “ 提 交 ” 按 钮 时 ， 则 会 打开 一 个 警告 框 ， 如 图 5-60 所 示 。 3 

07 在 该 网 页 中 添加 一 个 “插入 ”的 服务 器 行为 。 执 行 菜单 “ 窗 Ra 

”| “服务 器 行为 ”命令 ， 打 开 “ 服 务 器 行为 ”面板 。 单 击 该 面板 上 广 二 一 

的 回 按 钮 ， 在 弹出 的 菜单 中 选择 “插入 记录 ”选项 ， 则 会 打开 “插入 





记录 ”对 话 框 。 


图 5-60 警告 信息 提示 框 
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08 在 “插入 记录 ”对 话 框 中 进行 如 下 设置 。 



























e。 从 “连接 ”下 拉 列 表 框 中 选择 user 作为 数据 源 连 接 对 象 。 
ee 从 “插入 到 表格 ”下 拉 列 表 框 中 选择 member 作为 使 用 的 数据 库 表 对 象 。 
。 在 “插入 后 ， 转 到 ”文本 框 中 设置 记录 成 功 添加 到 表 member 后 转 到 regok.asp 网 页 。 
e 在 对 话 框 下 半 部 分 ， 将 网 页 中 的 表单 对 象 和 数据 库 中 表 member 的 字段 一 一 对 应 起 
来 ， 如 图 5-61 所 示 。 
EN | 
人 1 连接 -aser | [定义 .…] | 
1 1 将 表单 里 输入 的 【| p= 一 一 上， | 基 S 
| 数据 插入 到 相应 的 ! 歌 取 值 和 :toml |]( 在 提交 时 ) 志 人 和 
1 数据 表 中 | | 天 天 | ! 2. 表单 中 的 文本 域名 ! 
本 ! 称 和 要 插入 到 的 数据 |! 
| ! 表 中 的 字段 相对 应 。 |! 
a 











图 5-61 “插入 记录 ”对 话 框 


09 设置 完成 后 ， 单 击 “确定 ”按钮 ， 关 闭 该 对 话 框 ， 返 回 到 “文档 ”窗口 。 此 时 的 设计 样 
式 如 图 5-62 所 示 。 














a 
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幸 区 生 闫 。 打 和 自己 的 家 





图 5-62 插入 后 的 效果 图 


10 用 户 名 是 用 户 登 录 的 身份 标志 ， 是 不 能 够 重复 的 ， 所 以 在 添加 记录 之 前 ， 一 定 要 先 在 数 
据 库 中 判断 该 用 户 名 是 否 存 在 。 如 果 存 在 ， 就 不 能 进行 注册 。 在 Dreamweaver CC 中 提供 了 一 个 检 
查 新 用 户 名 的 服务 器 行为 ， 单 击 “ 服 务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 执行 “用 户 身 
份 验证 ”|“ 检 查 新 用 户 名 ”命令 ， 此 时 会 打开 一 个 “检查 新 用 户 名 ”对 话 框 ， 在 该 对 话 框 中 进行 
如 下 设置 ( 见 图 5-63) 。 
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1 根据 数据 下 中 已 
! 有 的 数据 字段 来 判断 
! 用 户 名 是 否 已 存在 ，! 








图 5-63 “检查 新 用 户 名 ”对 话 框 


ee 在 “用 户 名 字段 ”下 拉 列 表 框 中 选择 usermame 字段 。 
e@ 在 “如 果 已 存在 ， 则 和 转 到 ”文本 框 中 输入 “regfail.asp”， 表 示 如 果 用 户 名 已 经 存在 ， 
就 转 到 regfail.asp 页 面 ， 显 示 注 册 失 败 信息 。 该 网 页 将 在 后 面 编 辑 。 


1 设置 完成 后 ， 单 击 “ 确 定 ” 按 钮 ， 关 闭 “检查 新 用 户 名 ”对 话 框 ， 返 回 “ 文 档 ” 窗 口 。 
在 “服务 器 行为 ”面板 中 增加 了 一 个 “检查 新 用 户 名 ”行为 ， 再 执行 菜单 “文件 ” |“ 保存 ”命令 ， 
将 该 文档 保存 到 本 地 站 点 中 ， 完 成 本 页 的 制作 。 


5.4.2 ”注册 成 功 和 注册 失败 页 面 


为 了 方便 用 户 登录 ， 应 该 在 regok.asp 页 面 中 设置 一 个 转 到 index.asp 页 面 的 文字 链接 ， 以 方 
便 用 户 进行 登录 。 同 时 ， 为 了 方便 访问 者 重新 进行 注册 ， 则 应 该 在 regfail.asp 页 面 设置 一 个 转 
到 register.asp 页 面 的 文字 链接 ， 以 方便 用 户 进行 重新 注册 。 本 小 节制 作 显 示 注册 成 功 和 失败 的 
页 面 信息 。 

01 执行 菜单 “文件 ”|“ 新 建 ” 命 令 ， 打开“ 新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 页 ”选项 卡 中 
“页 面 类 型 ”下 拉 列 表 框 中 的 ASP VBScript 选项 ， 在 “布局 ”下 拉 列 表 框 中 选择 “无 ”选项 ， 然 
后 单 击 “ 创 建 ”按钮 创建 新 页 面 ， 在 网 站 根 目 录 下 新 建 一 个 名 为 regok.asp 的 网 页 并 保存 。 

02 regok.asp 页 面 如 图 5-64 所 示 。 制 作 比 较 简单 ， 其 中 文字 “这 里 ”设置 为 指向 index.asp 页 
面 的 链接 。 

03 如 果 用 户 输入 的 注册 信息 不 正确 或 用 户 名 已 经 存在 ， 就 应 该 向 用 户 显 示 注 册 失 败 的 信息 。 
接着 再 新 建 一 个 regfail.asp 页 面 ， 如 图 5-65 所 示 。 其 中 “这 里 ”链接 文本 设置 为 指向 registerasp 
页 面 的 链接 。 
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5-64 注册 成 功 regok.asp 页 面 图 5-65 ”注册 失败 regfail.asp 页 面 
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5.4.3 ”用户 注 册 功能 的 测试 

设计 完成 后 ， 就 可 以 测试 该 用 户 注册 功能 的 执行 情况 了 。 

01 打开 下 浏览 器 , 在 地 址 栏 中 输入 “http://127.0.0.1/register.asp”， 打开 registerasp 文件 ， 如 
图 5-66 所 示 。 

02 可 以 在 该 注册 页 面 中 输入 一 些 不 正确 的 信息 ， 如 漏 填 username、password 等 必 填 字段 ， 
或 填写 错误 的 E-mail 地 址 ， 或 在 确认 密码 时 两 次 输入 的 密码 不 一 致 ， 以 测试 网 页 中 验证 表单 动作 
的 执行 情况 。 如 果 填 写 的 信息 不 正确 ， 那 么 浏览 器 应 该 弹出 警告 框 ， 向 访问 者 显示 错误 原因 ， 如 图 
5-67 所 示 。 
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图 5-66 ”打开 的 测试 页 面 图 5-67 出 错 提示 
03 在 该 注册 页 面 中 注册 一 个 已 经 存在 的 用 户 名 ， 如 输入 “admin”， 测 试 新 用 户 服 务 器 行为 
的 执行 情况 ， 然 后 单 击 “确定 ”按钮 。 此 时 由 于 用 户 名 已 经 存在 ， 浏 览 器 会 自动 转 到 regfail.asp 页 
面 ， 告 诉 访问 者 该 用 户 名 已 经 存在 ， 如 图 5-68 所 示 。 此 时 ， 访 问 者 可 以 单 击 “这 里 ”链接 文本 ， 
返回 register.asp 页 面 ， 以 便 重 新 进行 注册 。 








人 
! 单 击 此 处 返回 | 


! registerasp 页 面 | 
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总 图 SR 1 管 Gs。 六 
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图 5-68 注册 失败 页 面 显示 
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04 在 该 注册 页 面 中 填写 如 图 5-69 所 示 的 注册 信息 。 

05 单 击 “ 确 定 ”按钮 ， 由 于 这 些 注册 资料 完全 正确 ， 而 且 这 个 用 户 名 没有 重复 ， 因 此 浏览 
器 会 转 到 regok.asp 页 面 ， 向 访问 者 显示 注册 成 功 的 信息 ， 如 图 5-70 所 示 。 此 时 ， 访 问 者 可 以 单 击 
“这 里 ”链接 文本 ， 转 到 index.asp 页 面 ， 以 便 进行 登录 。 
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图 5-69 填写 正确 信息 图 5-70 注册 成 功 页 面 
06 在 Access 中 打开 用 户 数 据 库 文件 member.mdb， 查 看 其 中 的 member 表 对 象 的 内 容 。 此 时 
以 看 到 ， 在 该 表 的 最 后 创建 了 一 条 新 记录 ， 其 中 的 数据 就 是 刚才 在 网 页 registerasp 中 提交 的 注 
用 户 的 信息 ， 如 图 5-71 所 示 。 


9| 





纠 


可 ee] 7 adkress -Iquestion - ansver ~ sex 
hy2008s@163. C13100011] “112345621 北京 海 定 。 “我 的 朋友 叫 什 我 朋友 叫 小 李 男 


123456 hy2008s@163. 4131232324 。 23232323 北京 你 最 好 的 朋友 小 王 男 


图 5-71 表 member 中 添加 了 一 条 新 记录 





至 此 , 基本 完成 了 用 户 管理 系统 中 注册 功能 的 开发 和 测试 。 在 制作 的 过 程 中 ,可 以 根据 制 
作 网 站 的 需要 适当 加 入 其 他 更 多 的 注册 文本 域 ,也 可 以 给 需要 注册 的 文本 域名 称 部 分 添加 星 号 
(*) ， 提 醒 注册 用 户 注意 。 


5.5 “用户 注册 资料 修改 模块 的 设计 
修改 用 户 注册 资料 的 过 程 就 是 在 用 户 数据 表 中 更 新 记录 的 过 程 ,本 节 重点 介绍 如 何在 用 户 
管理 系统 中 实现 用 户 资料 的 修改 功能 。 
5.5.1 修改 资料 页 面 


该 页 面 主要 把 用 户 所 有 资料 都 列 出 ， 通 过 “更 新 记录 ”命令 实现 资料 修改 的 功能 ， 有 具体 的 
操作 步骤 如 下 : 

01 首先 制作 用 户 修改 资料 的 页 面 。 该 页 面 和 用 户 注册 页 面 的 结构 十 分 相似 ， 可 以 通过 对 
registerasp 页 面 的 修改 来 快速 得 到 所 需要 的 记录 更 新 页 面 。 打开 registerasp 页 面 , 执行 菜单 “文件 ” 
|“ 另 存 为 ”命令 ， 将 该 文档 另存 为 userupdate.asp， 如 图 5-72 所 示 。 
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图 5-72 “另存 为 ”对 话 框 的 参数 设置 
02 执行 菜单 “窗口 ”|“ 服 务 器 行为 ”命令 ， 打 开 “ 服 务 器 行为 ”面板 。 在 “服务 器 行为 ” 
面板 中 删除 全 部 的 服务 器 行为 并 修改 其 相应 的 文字 ， 如 图 5-73 所 示 。 


Bt 


汪 用 户 兴 友 兴 竹 注 贡 信息 ! 
用 户 各 


亚 一 一 一 一 一 一 一 一 一 


-| 修改 资料 的 页 面 ! 
1 静态 设计 效果 1 


人 
Or DUS Souse 


图 5-73 ”userupdate.asp 静态 页 面 
03 执行 菜单 “窗口 ” |“ 绑 定 ”命令 ， 打 开 “ 绑 定 ”面板 ， 单 击 该 面板 上 的 图 按 钮 ， 在 弹出 
的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 就 会 打开 “记录 集 ” 对 话 框 。 
04 在 “记录 集 ” 对 话 框 中 进行 如 下 设置 ( 见 图 5-74)。 











1 把 MM username 阶 ! 
----1-- 1 段 变量 作为 用 户 资料 
的 筛选 条 件 











图 5-74 定义 upuser“ 记 录 集 ” 
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在 “名 称 ” 文 本 框 中 输入 “upuser” 作 为 该 “记录 集 ” 的 名 称 。 

从 “和 连接” 下拉 列 表 框 中 选择 user 数据 源 连 接 对 象 。 

从 “表格 ”下 拉 列 表 框 中 选择 使 用 的 数据 库 表 对 象 为 member。 

在 “ 列 ” 选 项 组 中 选择 “全 部 ” 单 选 按钮 。 

在 “筛选 ” 栏 中 设置 记录 集 过 滤 的 条 件 为 “username= 阶 段 变量 MM_username” 。 








05 设置 完成 后 ， 单 击 “确定 ”按钮 ， 完 成 记录 集 的 绑 定 。 








图 5-75 ” 绑 定 动态 内 容 后 的 userupdate.asp 页 面 


07 对 于 网 页 中 的 单 选 按钮 组 sex 对 象 ， 可 以 单 击 “ 服 务 器 行为 ”面板 上 的 国 按钮 ， 在 弹出 
的 菜单 中 执行 “动态 表单 元 素 ”| “动态 单 选 按钮 ” 命令， 设置 动态 单 选 按钮 组 对 象 。 打 开 “ 动 态 
单 选 按钮 ”对话 框 ， 从“ 单 选 按钮 组 ”下 拉 列 表 框 中 选择 forml 表单 中 的 单 选 按钮 组 sex。 单 击 “ 选 
取 值 等 于 ”文本 框 后 面 的 加 按钮 ， 从 打开 的 “动态 数据 ”对 话 框 中 选择 记录 集 upuser 中 的 sex 字 
段 ( 见 图 5-76) ， 并 用 相同 的 方法 设置 “密码 提示 问题 ”的 列表 选项 。 
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5-76 ”设置 “动态 单 选 按钮 ”选项 
08 单 击 “ 服 务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “更 新 记录 ”选项 ， 为 网 页 
添加 更 新 记录 的 服务 器 行为 ， 如 图 5-77 所 示 。 
09 打开 “更 新 记录 ”对 话 框 ， 该 对 话 框 与 插入 的 对 话 框 十 分 相似 ， 具 体 的 设置 情况 如 图 5-78 
所 示 ， 这 里 不 再 袭 述 。 
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将 表单 数据 输入 到 要 更 新 到 member 数据 表 ! 
中 ， 更 新 后 转向 userupdateok.asp ! 


二 = 
amizsa aas 
pe 
在 更 新 后 ， 转 到 : userupdateok. asp 王 一 




















图 5-77 选择 “更 新 记录 ”选项 图 5-78 “更 新 记录 ”对 话 框 


10 设置 完成 后 ， 单 击 “ 确 定 ” 按 钮 ， 关 闭 该 对 话 框 ， 返回 到 “文档 ”窗口 。 再 执行 菜单 “ 文 
件 ”| “保存” 命令 ,将 该 文档 保存 到 本 地 站 点 中 。 


0 由 于 本 页 的 MM _usemame 值 是 来 自 上 一 页 注册 成 功 后 的 用 户 名 值 ， 因 此 单独 测 
试 时 会 提示 出 错 ， 要 先 登录 ， 再 在 登录 成 功 页 面 单 击 “ 修 改 你 的 资料 ” 超 链接 才 
提 示 。 会 产生 效果 ， 这 将 在 后 面 的 测试 实例 中 进行 介绍 


5.5.2 ”更 新 成 功 页 面 


用 户 修改 注册 资料 成 功 后 ,就 会 转 到 userupdateok.asp。 在 该 网 页 中 ， 应 该 向 用 户 显示 资料 
修改 成 功 的 信息 。 除 此 之 外 ,还 应 该 考虑 两 种 情况 ， 如 果 用 户 要 继续 修改 资料 ， 则 为 其 提供 一 
个 返回 到 userupdate.asp 页 面 的 超 文 本 链接 ; 如 果 用 户 不 需要 修改 , 就 为 其 提供 一 个 转 到 用 户 登 
录 页 面 index.asp 页 面 的 超 文本 链接 。 有 具体 的 制作 步骤 如 下 : 

01 执行 菜单 “文件 ”|“ 新 建 ”命令 ， 打开“ 新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 页 ”选项 卡 中 
“页 面 类 型 ”下 拉 列 表 框 下 的 ASP VBScript 选项 ， 在 “布局 ”下 拉 列 表 框 中 选择 “无 ”选项 ， 然 
后 单 击 “ 创 建 ” 按 钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 
建 一 个 名 为 userupdateok.asp 的 网 页 并 保存 。 

02 为 了 向 用 户 提供 更 加 友好 的 界面 ， 应 该 在 网 
页 中 显示 用 户 修改 的 结果 ， 以 供用 户 检 查 修改 是 否 正 
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确 。 我 们 首先 应 该 定义 一 个 记录 集 ， 然 后 将 绑 定 的 记 s 

录 集 插入 到 网 页 中 相应 的 位 置 ， 其 方法 跟 制 作 页 面 | 多 “类 半生 一 
userupdate.asp 中 的 方法 一 样 。 通 过 在 表格 中 添加 记录 ee 一 
集中 的 动态 数据 对 象 ， 把 用 户 修改 后 的 信息 显示 在 表 ”| a 提示 问题 : | 你 景 好 的 朋友 是 ? 可 
格 中 ， 这 里 不 做 详细 说 明 ， 请 参考 前 面 一 小 节 ， 最 终 “| 7 各 于 :A 





结 -79 所 示 。 
宙 町 黄 图 9 和 9 靳 水 图 5-79 设计 “更 新 成 功 页 面 ” 
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5.5.3 ”修改 资料 功能 的 测试 

编辑 工作 完成 后 ， 就 可 以 测试 该 修改 资料 功能 的 执行 情况 了 。 

01 打开 I 下 浏览 器 ， 在 地 址 栏 中 输入 
“http://127.0.0.1/index.asp”， 打 开 index.asp 文件 。 
在 该 页 面 中 进行 登录 。 登 录 成 功 后 进入 welcome.asp 
页 面 ， 在 welcome.asp 页 面 单 击 “ 修 改 你 的 资料 ” 超 
链接 ， 转 到 userupdate.asp 页 面 ， 如 图 5-80 所 示 。 

02 在 该 页 面 中 进行 一 些 修改 ， 然 后 单 击 “ 修 
改 ”按钮 将 修改 结果 发 送 到 服务 器 中 。 当 用 户 记 录 
更 新 成 功 后 , 浏览 器 会 转 到 userupdateok.asp 页 面 中 ， 
显示 修改 资料 成 功 的 信息 ， 同 时 还 显示 了 该 用 户 修 
改 后 的 资料 信息 ， 并 提供 转 到 更 新 成 功 页 面 和 转 到 Oi 
主页 面 的 链接 对 象 ， 这 里 对 “真实 姓名 ”进行 了 修 | ~ OO” Ss eee 9 
改 ， 单 击 “修改 ”按钮 转 到 更 新 成 功 页 面 ， 效 果 如 
图 5-81 所 示 。 


















































图 5-80 ”修改 admin1111 用 户 注册 资料 














请 密码 填写 到! 人 
1 成 功 修改 资料 后 ， 真 实 
上 姓名 由 admin 变 为 test 


;| 你 最 好 的 朋友 是 ? ~ 


了 我 限 友 思 个 这 
重新 修改 问 生 录 | 





图 5-81 更 新 记录 成 功 显示 页 面 


03 在 Access 中 打开 用 户 数据 库 文件 member.mdb， 查 看 其 中 的 member 表 注 册 对 象 的 内 容 。 
此 时 可 以 看 到 ， 对 应 的 记录 内 容 已 经 修改 ， 如 图 5-82 所 示 。 





ee ett es et 









enail -| tel -| QQ -|address -| question -| answer -| sex V|turenane - 
hy2008s@163.<13100011] ”112345621 北京 海 定 。 “你 最 好 的 朋友 我 朋友 叫 小 李 男 \ test 
hy2008s@163.c13123232: 。 23232323 北京 你 最 好 的 朋友 小 王 男 小 李 












图 5-82 表 member 中 更 新 了 记录 
上 述 测试 结果 表明 ， 用 户 修改 资料 页 面 已 经 成 功 制作 。 


5.6 ”密码 查询 模块 的 设计 


在 用 户 注 册页 面 时 , 设计 问题 和 答案 文本 框 , 它们 的 作用 是 当 用 户 忘 记 密 码 时 ， 可 以 通过 





这 个 问题 和 答案 到 服务 器 中 找 回 遗失 的 密码 .实现 的 方法 是 判断 用 户 提供 的 答案 和 数据 库 中 的 
答案 是 否 相 同 ， 如 果 相 同 ， 就 找 回 遗 失 的 密码 。 
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5.6.1 密码 查询 页 面 
本 节 主 要 制作 密码 查询 页 面 lostpassword.asp， 上 有 具体 的 制作 步骤 如 下 : 





01 执行 菜单 “文件 ”| “新 建 ” 命 令 ， 打开“ 新 建 a 


文档 ”对 话 框 ， 选 择 “ 空 白 页 ”选项 卡 中 “页 面 类 型 ” | 和 8 
下 拉 列 表 框 下 的 HTML 选项 ， 在 “布局 ”下 拉 列 表 框 中 
选择 “无 ”选项 ， 然 后 单 击 “创建 ”按钮 创建 新 页 面 ， 
在 网 站 根 目录 下 新 建 一 个 名 为 lostpassword.asp 的 网 页 并 
保存 。lostpassword.asp 页 面 是 用 来 让 用 户 提交 要 查询 遗失 密码 的 用 户 名 的 页 面 。 该 网 页 的 结构 比 
较 简 单 ， 设 计 后 的 效果 如 图 5-83 所 示 。 

02 在 “文档 ”窗口 中 选中 表单 对 象 ， 然 后 在 其 对 应 的 “属性 ”面板 中 ， 在 “表单 ID” 文 本 
框 中 输入 form1,， 在 “动作 ”文本 框 中 输入 “showquestion.asp ”|( 表 单 提交 的 对 象 页面 )。 在 “方法 ” 
下 拉 列 表 框 中 选择 POST 作为 该 表单 的 提交 方式 , 接 下 来 将 输入 用 户 名 的 文本 域 命名 为 inputname， 
如 图 5-84 所 示 。 





国 
上 








图 $-83 lostpassword.asp 页 面 






























































本” 二 we em 六 已 上 0 司 KGO[ 元 ”加 @ 
orml 7 法 [mosr > 护 友 类 型 世 
已 
属性 

号 字符 宽度 四 | | OP OS 和 ee 美加 | 无 > © 
一 npvinwme | 最 多 字符 数 | 初 本 值 C) 双 

口 菏 用 中 

口 RG 


图 5-84 ”设置 表单 提交 的 动态 属性 
表单 属性 设置 面板 中 的 主要 选项 作用 如 下 。 
(7 日 在 “表单 ID” 文 本 框 中 ， 输 入 标志 该 表单 的 唯一 名 称 。 命 名 表单 后 ， 就 可 以 


提 示 使 用 脚本 语言 (如 JavaScript 或 VBScript) 引用 或 控制 该 表单 。 如 果 不 命名 表 
单 ， 则 Dreamweaver CC 使 用 语法 form1、from2…… 生 成 一 个 名 称 ， 并 在 向 页 
面 中 添加 每 个 表单 时 递增 1 的 值 。 


e@ 在“ 方法” 下拉 列 表 框 中 ， 选 择 将 表单 数据 传输 到 服务 器 的 方法 。 POST 方法 将 
在 HTTP 请 求 中 嵌入 表单 数据 。GET 方法 将 表单 数据 附加 到 请 求 该 页 面 的 URL 
中 ， 是 默认 设置 ， 但 其 缺点 是 表单 数据 不 能 太 长 ， 所 以 本 例 选 择 POST 方法 。 

e@ “目标 ”下 拉 列 表 框 用 于 指定 返回 窗口 的 显示 方式 ， 各 目标 值 含义 如 下 。 

_blank: 在 未 命名 的 新 窗口 中 打开 目标 文档 。 

_parent: 在 显示 当前 文档 窗口 的 父 窗口 中 打开 目标 文档 。 

_self: 在 提交 表单 所 使 用 的 窗口 中 打开 目标 文档 。 

_top: 在 当前 窗口 的 窗 体内 打开 目标 文档 。 此 值 可 用 于 确保 目标 文档 占用 

整个 窗口 ， 即 使 原始 文档 显示 在 框架 中 。 


Wo 
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当 用 户 在 lostpassword.asp 页 面 中 输入 用 户 名 ， 并 单 击 “ 提 交 ” 按 钮 后 ， 会 通过 表单 将 用 户 
名 提交 到 showquestion.asp 页 面 中 ， 该 页 面 的 作用 就 是 根据 用 户 名 从 数据 库 中 找到 对 应 的 记录 
的 提示 问题 并 显示 在 showquestion.asp 页 面 中 ， 用 户 在 该 页 面 中 输入 问题 的 答案 。 下 面 就 制作 
显示 问题 的 页 面 。 

03 新 建 一 个 文档 。 设 置 好 网 页 属性 后 ， 输 入 网 页 标题 “查询 问题 ” 执行 菜单 “文件 ” |“ 保 
存 ” 命 令 ， 并 将 该 文档 保存 为 showquestion.asp。 

04 在 Dreamweaver CC 中 制作 静态 网 页 ， 完 成 的 效果 如 图 5-85 所 示 。 

















A 


了 showquestion.asp 页 面 | 


和 Ht。 党 Se 六 eax 四 夺取 
Or DE Cr N's 
社区 生 若 ， 打 造 目 己 的 家 





图 5-85 showquestion.asp 静态 设计 
05 在 “文档 ”窗口 中 选中 表单 对 象 ， 在 其 对 应 的 “属性 ”面板 中 ， 在 “动作 ”文本 框 中 输 


入 showpassword.asp 作为 该 表单 提交 的 对 象 页 面 。 在“ 方法” 下拉 列 表 框 中 选择 POST 作为 该 表单 
的 提交 方式 ， 如 图 5-86 所 示 。 接 下 来 将 输入 密码 提示 问题 答案 的 文本 域 命名 为 inputanswer。 












































一 表单 I 动作 /showpassword asp 已 时 四 王 司 类 加 | 无 加 @ 
fomt 力 法 | 型 加 蕊 
属性 
文本 域 字 罕 宽度 人 D 天 型 单行) 。 口 多 行 四 ee 关 四 | 无 | ® 
Enpotansver ] 最 多 字符 数 | 接 煌 信 Q) | 荡 
口 草 用 四 
DR 


图 5-86 设置 表单 提交 的 属性 
06 执行 菜单 “窗口 ”|“ 绑 定 ”命令 ,打开 “ 绑 定 ”面板 ， 单 击 该 面板 上 的 [其 按 钮 ， 在 弹出 
的 菜单 中 选择 “记录 集 查询)” 命令 ， 则 会 打开 “记录 集 ” 对 话 框 。 
07 在 “记录 集 ” 对 话 框 中 进行 如 下 设置 ( 见 图 5-87) 。 
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-1 运用 表单 变量 inputname ! 
! 来 作为 提示 问题 的 筛选 1 
1 条 件 1 























图 5-87 “记录 集 ” 对 话 框 


在 “名 称 ” 文 本 框 中 输入 Recordsetl 作为 该 记录 集 的 名 称 。 
从 “连接 ”下 拉 列 表 框 中 选择 user 数据 源 连接 对 象 。 
从 “表格 ”下 拉 列 表 框 中 选择 使 用 的 数据 库 表 对 象 为 member。 
在 “ 列 ?选项 组 中 选择 “ 选 定 的 ? 单 选 按钮 , 然后 从 下 拉 列 表 框 中 选择 username 和 question。 
在 “筛选 ” 栏 中， 设置 记录 集 过 滤 的 条 件 为 “username= 表 单 变量 inputname”， 表 示 
根据 数据 库 中 username 字段 的 内 容 是 否 和 从 上 一 个 网 页 中 的 表单 中 的 inputname 表 
单 对 象 传递 过 来 的 信息 完全 一 致 来 过 滤 记 录 对 象 。 
08 设置 完成 后 ， 单 击 “ 确 定 ” 按 钮 ， 关 闭 “记录 集 ” 对 话 框 ， 返 回 “ 文 档 ” 窗 口 。 
09 将 Recordsetl 记录 集中 的 question 字段 绑 定 到 页 面 中 相应 的 位 置 上 ， 如 图 5-88 所 示 。 

















1 将 question 字段 绑 定 1 
“到 页 面 中 相应 的 位 置 1 





图 5-88 绑 定 字段 


10 执行 菜单 “插入 ”|“ 表 单 ”|“ 隐 藏 ”命令 ， 在 表单 中 插入 一 个 表单 隐藏 域 ， 然 后 将 该 隐 
藏 域 的 名 称 设置 为 username。 

Ti 选中 该 隐藏 ， 转 到 “ 绑 定 ”面板 ， 将 Recordsetl 记录 集中 的 username 字段 绑 定 到 该 表单 
隐藏 域 中 ， 如 图 5-89 所 示 。 


当 用 户 输 入 的 用 户 名 不 存在 时 ， 即 记录 集 Recordsetl 为 空 时 ， 就 会 导致 该 页 面 不 


提示 能 正常 显示 ， 这 就 需要 设置 隐藏 域 。 


12 在 “文档 ”窗口 中 选中 当 用 户 输入 用 户 名 存在 时 显示 的 内 容 (整个 表单 )， 然 后 单 击 “ 服 
务 器 行为 ”面板 上 的 图 按钮 ， 在 弹出 的 菜单 中 执行 “显示 区 域 ”| “如果 记录 集 不 为 空 则 显示 区 域 ” 
命令 ， 则 会 打开 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 ， 在 该 对 话 框 中 选择 记录 集 对 象 为 
Recordset1， 如 图 5-90 所 示 。 这 样 只 有 当 记录 集 Recordsetl 不 为 空 时 才 会 显示 出 来 。 设 置 完成 后 ， 
单 击 “ 确 定 ” 按 钮 。 关 闭 该 对 话 框 ， 返回“ 文档 ”窗口 。 
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usermame 字段 绑 定 | 
1 到 该 表单 隐藏 域 中 ! 














{OF ecordsetl, Fields. Iten Caser 





图 5-89 添加 表单 隐藏 域 
13 在 网 页 中 编辑 显示 用 户 名 不 存在 
时 的 文本 “该 用 户 名 不 存在 !”， 并 为 这 些 内 
容 设置 一 个 “如 果 记录 集 为 空 则 显示 区 域 ” 





隐藏 域 服务 器 行为 ， 这 样 当 记录 集 -为 页面 设计 
Recordsetl 为 空 时 显示 这 些 文本 ， 完 成 后 的 | “条件 显示 ， 
1 


| 区 域 ” 





网 页 如 图 5-91 所 示 。 














图 5-91 设置 隐藏 域 


当 用 户 在 showquestion.asp 页 面 中 输入 答案 ， 单 击 “ 提 交 ” 按 钮 后 ， 服 务 器 就 会 把 用 户 名 
和 密码 提示 问题 答案 提交 到 showpassword.asp 页 面 中 。 下 面 介绍 如 何 设计 该 页 面 。 

01 执行 菜单 “文件 ”|“ 新 建 ” 命 令 ， 打开“ 新 建文 档 ” 对 话 框 ， 选择“ 空白 页 ”选项 卡 中 
“页 面 类 型 ”下 拉 列 表 框 下 的 HTML 选项 ， 在 “布局 ”下 拉 列 表 框 中 选择 “无 ”选项 ， 然 后 单 击 
“创建 ”按钮 创建 新 页 面 ， 在 网 站 根 目 录 下 新 建 一 个 名 为 showpassword.asp 的 网 页 并 保存 。 

02 在 Dreamweaver CC 中 使 用 提供 的 制作 静态 网 页 的 工具 完成 如 图 5-92 所 示 的 静态 部 分 。 





1 
1showpassword.asp 


1 页 面 的 静态 设计 
| 





图 3 人 有 三 
@iake 人 rs DUE Sau Ms 


Ri 


社区 生活 打 过 自己 的 家 





图 5-92 ”showpassword.asp 静态 设计 
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03 执行 菜单 “窗口 ” |“ 绑 定 ”命令 ， 打 开 “ 绑 定 ” 面 板 ， 单 击 该 面板 上 的 的 按钮 ， 在 弹出 
的 菜单 中 选择 “记录 集 查询)” 选 项 ， 则 会 打开 “记录 集 ” 对 话 框 。 

04 在 该 对 话 框 中 进行 如 下 设置 。 
在 “名 称 ” 文 本 框 中 输入 “Recordsetl” 作 为 该 记录 集 的 名 称 。 
从 “和 连接” 下拉 列表 框 中 选择 user 数据 源 连 接 对 象 。 
从 “表格 ”下 拉 列 表 框 中 选择 使 用 的 数据 库 表 对 象 为 member。 
在 “ 列 ” 选 项 组 中 选择 “ 选 定 的 ” 单 选 按钮 ， 然 后 选择 字段 列表 框 中 的 usermame、 
password 和 answer 这 3 个 字段 。 
在 “筛选 ” 栏 中 设置 记录 集 过 滤 的 条 件 为 “answer=URL 参数 inputanswer”， 表 示 根 
据 数据 库 中 answer 字段 的 内 容 是 否 和 从 上 一 个 网 页 中 的 URL 参数 inputanswer 表单 
对 象 传递 过 来 的 信息 完全 一 致 来 过 滤 记录 对 象 。 


完成 的 设置 情况 如 图 5-93 所 示 。 








站 选择 其 中 的 username、1! 


1password 和 answer 这 3 个 1 











12. 设置 answer 的 条 选项 为 ， 
1URL 参数 中 的 inputanswer I 

















图 5-93 定义 “记录 集 ” 对 话 框 
05 单 击 “确定 ”按钮 ， 关 闭 该 对 话 框 ， 返 回 “文档 ”窗口 。 
06 将 记录 集中 username 和 password 两 个 字段 分 别 添加 到 网 页 中 ， 如 图 5-94 所 示 。 


查询 结果 5 1 一 = 一 一 一 一 一 一 一 一 一 一 
对 不 起 络 输入 的 答案 不 正确 请 单 击 这 里 重新 输 入 1 将 绑 定 的 2 个 字 


十 1 段 插入 到 页 面 中 
1 


密码 : {Recordsetl, password} 


单 南 这 困 二 新 性 录 





图 5-94 加 入 的 记录 和 集 效果 
07 同样 需要 根据 记录 集 Recordsetl 是 否 为 空 为 该 网 页 中 的 内 容 设 置 隐藏 域 的 服务 器 行为 。 
在 “文档 ”窗口 中 , 选中 当 用 户 输 入 密码 提示 问题 答案 正确 时 显示 的 内 容 , 然后 单 击 “ 服 务 器 行为 ” 
面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 执行 “显示 区 域 ”|“ 如 果 记 录 集 不 为 空 则 显示 区 域 ” 命 令 ， 打 
开 “ 如 果 记 录 和 集 不 为 空 则 显示 区 域 ” 对 话 框 , 在 该 对 话 框 中 选择 记录 集 对 象 为 Recordsetl, 如 图 5-95 
所 示 。 这 样 只 有 当 记 录 集 Recordsetl 不 为 空 时 才 显示 出 来 。 设 置 完成 后 ， 单 击 “ 确 定 ” 按 钮 ， 关 闭 
该 对 话 框 ， 返 回 “ 文 档 ” 窗 口 。 
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08 在 网 页 中 选择 当 用 户 输入 密码 提示 问题 答案 不 正确 时 显示 的 内 容 ， 并 为 这 些 内 容 设置 一 
个 “如 果 记 录 集 为 空 则 显示 区 域 ” 隐 藏 域 服务 器 行为 ， 这 样 当 记录 集 Recordsetl 为 空 时 ， 显 示 这 些 
文本 ， 如 图 5-96 所 示 。 























去 


记录 入 Becoraset | CE 
mA] 








取消 





图 5-95 “如 果 记录 集 不 为 空 则 显示 区 域 ”对 话 框 。 图 5-96 “如 果 记 录 集 为 空 则 显示 区 域 ”对 话 杠 
09 完成 后 的 网 页 如 图 5-97 所 示 。 执 行 菜单 “文件 ” |“ 保存” 命令 ， 将 该 文档 保存 到 本 地 站 
汉中 。 





和 ON 
Or DWE Bre Ns 
社区 生活 ， 打造 自 己 的 亦 


图 5-97 完成 后 的 网 页 效果 图 
5.7 数据库 路 径 的 修改 


制作 完 网 站 后 , 并 不 是 把 所 制作 的 网 站 上 传 到 服务 器 空间 就 可 以 使 用 了 。 由 于 前 面 制 作 的 
网 站 是 在 本 地 计算 机 上 进行 ， 因 此 在 上 传 之 前 要 将 数据 库 的 路 径 进行 修改 ， 具 体 的 步骤 如 下 : 

01 在 本 地 站 点 中 ， 找 到 前 面 自动 生成 的 Connections 文件 夹 ， 双 击 该 文件 夹 ， 打 开 后 找到 创 
建 的 数据 库 连 接 文件 user.asp。 找 到 user.asp 后 用 记事 本 打开 ， 如 图 5-98 所 示 。 





oresp -记事 本 
文件 (有 ]_ 妨 铝 (E) 格式 (O) 查看 (V) 帮助 (H) 





% 

，FileName=“Connection_odbc_conn_dsn htm” 
’ Type="ADO” 

， DesigntimeType="ADO” 

，HTTP= false 





图 5-98 用 记事 本 打开 的 userasp 


* 120。 
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02 选择 MM_user STRING = ' dsn=dsnuser; " ， 并 将 这 一 行 代码 替换 为 : 


MM user STRING = "DRIVER={Microsoft Access Driver (*.mdb) };DBO=" 
& Server.MapPath("/mdb/member .mdb") 
// 取 得 数据 库 连接 的 绝对 路 径 为 /mdb/member .mdb 


将 数据 库 的 路 径 改 为 站 点 文件 夹 mdb 下 的 member.mdb， 这 样 只 要 整个 站 点 的 文件 夹 和 文 
件 内 容 不 改变 ， 设 置 IIS 后 就 可 以 访问 ， 完 成 更 改 的 user.asp 如 图 5-99 所 示 。 








ED wn 





De “Conmnection_odbc_conn « dsn. htm” 

cn ADO” 

”HTTP=“ false 

Catalog=”” 

” Schema= 

Dim MM_user_STRING 

MM_user_STRING = “DRIVER= Microsoft Access Driver (#+.mdb)] ;DBQ=” 
& Server., NapPath(”/mdb/pember. mdb”) 
La mdb 





图 5-99 更 改 后 的 数据 库 连接 方法 


第 6 章 新 闻 发 布 系统 开发 


新 闻 发 布 系统 是 动态 网 站 建设 中 最 常见 的 系统 , 几乎 每 一 个 网 站 都 有 新 闻 发 布 系统 , 尤其 
是 政府 部 门 、 教 育 系统 或 企业 网 站 。 新 闻 发 布 系统 的 作用 就 是 在 网 上 发 布 信息 ， 通 过 对 新 闻 的 
不 断 更 新 ， 让 用 户 及 时 了 解 行 业 信息 、 企 业 状 况 。 所 以 新 闻 发 布 系统 中 涉及 的 主要 操作 就 是 访 
问 者 的 新 闻 查 询 功 能 和 系统 管理 员 对 新 闻 内 容 的 新 增 、 修 改 及 删除 功能 。 本 章 将 要 制作 的 新 闻 
发 布 系统 的 网 页 结构 如 图 6-1 所 示 。 
















newscontent.asp 
admin login.asp admin.asp 


图 6-1 新 闻 发 布 系统 结构 图 
本 章 重要 知识 点 >>>>>>>>>> 


新 闻 发 布 系统 网 页 结构 的 整体 设计 

系统 数据 库 的 规划 

新 闻 发 布 系统 前 台新 闻 的 发 布 功 能 页 面 的 制作 
新 闻 发 布 系统 分 类 功能 的 设计 

新 闻 发 布 系统 后 台新 增 、 修 改 、 删 除 功能 的 实现 
新 闻 发 布 系统 查询 功能 的 实现 


6.1 系统 的 整体 设计 规划 


网 站 的 新 闻 发 布 系统 在 技术 上 主要 体现 为 如 何 显 示 新 闻 内 容 ， 用 模糊 关键 字 进 行 查询 新 
闻 ， 以 及 对 新 闻 及 新 闻 分 类 的 修改 和 删除 。 一 个 完整 新 闻 发 布 系统 共 分 为 两 大 部 分 ， 一 个 是 访 
问 者 访问 新 闻 的 动态 网 页 部 分 , 另 一 个 是 管理 者 对 新 闻 进行 编辑 的 动态 网 页 部 分 。 本 系统 页 面 
共有 11 个 ， 整 体系 统 页 面 的 功能 与 文件 名 称 如 表 6-1 所 示 。 



















type_add.asp 
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表 6-1 新 闻 发 布 系 统 开发 网 页 设计 表 









































需要 制作 的 主要 页 面 页 面 名 称 功能 

新 闻 首页 index.asp 显示 新 闻 分 类 和 最 新 新 闻 页 面 
新 闻 分 类 页 面 type.asp 显示 新 闻 分 类 中 的 新 闻 标 题 页 面 
新 闻 内 容 页 面 newscontent.asp 显示 新 闻 内 容 页 面 

后 台 管理 入 口 页 面 admin login.asp 管理 者 登录 入 口 页 面 

后 台 管 理 主页 面 admin.asp 对 新 闻 进 行 管理 的 主要 页 面 
新 增 新 闻 页 面 news_add.asp 增加 新 闻 的 页 面 

修改 新 闻 页 面 news_upd.asp 修改 新 闻 的 页 面 

删除 新 闻 页 面 news_del.asp 删除 新 闻 的 页 面 

新 增 新 闻 分 类 页 面 增加 新 闻 分 类 的 页 面 

修改 新 闻 分 类 页 面 修改 新 闻 分 类 的 页 面 

删除 新 闻 分 类 页 面 删除 新 闻 分 类 的 页 面 





6.1.1 页 面 设 计 规 划 


在 本 地 站 点 上 建立 站 点 文件 夹 news， 将 建立 制作 新 闻 发 布 系统 的 文件 夹 和 文件 ， 如 图 6-2 
所 示 。 


“1 新闻 系统 的 文件 
! 夹 和 动态 文件 











图 6-2 站 点 规划 文件 夹 和 文件 
6.1.2 ”网 页 美工 设计 


新 闻 发 布 系统 主要 起 到 了 对 行业 信 
息 和 公司 动态 进行 宣传 的 作用 ， 在 色调 上 
可 以 选择 简单 的 灰色 作为 主 色调 ， 新 闻 首 
页 index.asp 的 效果 如 图 6-3 所 示 。 

















图 6-3 新 闻 首页 index.asp 效果 图 
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6.2 数据 库 设 计 与 连接 


本 节 主 要 讲述 如 何 使 用 Access 2010 建立 新 闻 管理 系统 的 数据 库 ， 如 何 使 用 ODBC 在 数据 
库 与 网 站 之 间 建 立 动态 链接 。 
6.2.1 ”数据 库 设计 

新 闻 发 布 系统 需要 一 个 用 来 存储 新 闻 标 题 和 新 闻 内 容 的 新 闻 信 息 表 news， 还 要 建立 一 个 新 


























草拟 共 型 S| 
白 动 党 号 国 
数字 
每 注 
本 已 圭 / 杂 间 
1 1. 数据 库 中 有 坚 
1 a 上. 
! 到 的 一 些 字段 
1 i 了 
名 称 子 息 司 性 
总 所属 过 后 司 喜 局 区 总 \ | 
| --------- 
> ! 2. 对 字段 的 
RE ! 使 用 说 明 
写本 | ,--------- 
Sr SR 
和 = 
将 至 隆 生 了 是 
1 无 
Unicode EO 是 
和 入 理 避 人 区 无 办 亿 
Er EE Ba le 





图 6-4 创建 数据 库 
创建 数据 库 的 步 又 如 下 : 


01 新 闻 信 息 数 据 表 news、 新 闻 分 类 表 newstype 和 管理 信息 表 admin 的 字段 分 别 采用 如 表 6-2、 
表 6-3、 表 6-4 所 示 的 结构 。 





表 6-2 新 闻 信 息 数 据 表 news 























意义 字段 名 称 数据 类 型 字段 大 小 必 填 字段 人 允许 空 字符 串 | 默认 值 
主题 编号 news_id 自动 编号 长 整 型 

新 闻 标 题 news_title 文本 50 是 否 

新 闻 分 类 编号 | news_type 数字 是 

新 闻 内 容 news_content | 备注 

新 闻 加 入 时 间 | news_date 日 期 /时间 是 和 否 =Now() 
编辑 者 news_author | 文本 





表 6-3 新 闻 分 类 数据 表 newstype 























意义 字段 名 称 数据 类 型 字段 大 小 必 填 字段 允许 空 字符 串 | 默认 值 
主题 编号 type id 自动 编号 长 整 型 
新 闻 分 类 type_name 文本 50 是 否 
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表 6-4 管理 信息 数据 表 admin 




















意义 | 字段 名 称 | 数据 类 型 | 字段 大 小 | 必 填 字段 。 | 允许 空 字符 串 | 默认 值 
主题 编号 | id 自动 编号 ”| 长 整 型 | 
用 户 名 | username 文本 50 是 冤 | 
密码 | password 文本 50 是 否 | 
02 在 Microsoft Access 2010 中 实现 数据 库 的 搭建 ， 首 先 运行 Microsoft Access 2010 程序 。 然 








后 单 击 “ 空 数据 库 ” 按 钮 ， 在 主 界面 的 右 侧 打 开 “ 空 数据 库 ” 面 板 ， 如 图 6-5 所 示 。 


画 ee 


i 

ll" 本 

， | 呈 

a 1 1 单 击 这 里 选择 存储 ! 

= | : pt 数据 库 位 置 
要 __ 1 2 单 击 “ 创 建 " 按钮 ， 
人 1 开始 创建 数据 表 1 








图 6-5 打开 “ 空 数据 库 ” 
03 创建 用 于 存放 主要 内 容 的 常用 文件 夹 ， 如 images、mdb、admin 等 ， 如 图 6-6 所 示 。 




















GO , tess, me | ) ne 户 
Pr me 
AR 叉 尖 库 ri 
Sm | 2 本 上 -为 了 方便 使 用 ,| 
= | | 和 建立 几 个 各 | 
! 用 的 文件 夹 用 
2 | 来 存放 文件! 
) 9 人 3 








图 6-6” 先 设 定 文件 夹 

04 单 击 “ 空 数据 库 ” 面板 上 的 “浏览 到 某 个 位 置 来 存放 数据 库 ” 按 钮 图 ， 打 开 “ 文 件 新 建 
数据 库 ” 对 话 框 ， 在 “保存 位 置 ”下 拉 列 表 框 中 选择 站 点 news 文件 夹 中 的 mdb 文件 夹 ， 在 “文件 
名 ”文本 框 中 输入 文件 名 news， 如 图 6-7 所 示 。 

05 单 击 “ 确 定 ”按钮 ， 返 回 “ 空 数据 库 ” 面板， 再 单 击 “ 空 数据 库 ” 面板 的 “创建 ”按钮 ， 
即 在 Microsoft Office Access 2002-2003 数据 库 中 创建 了 news.mdb 文件 ,同时 Microsoft Office Access 
2002-2003 were “ 表 1” 的 数据 表 ， 再 用 鼠标 右键 单 击 “ 表 1” 数 据 表 ， 在 打 
开 的 快捷 菜单 中 执行 “设计 视图 ”命令 ， 如 图 6-8 所 示 。 
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图 6-7 “文件 新 建 数据 库 ” 对 话 框 
06 打开 “另存 为 ”对 话 框 ， 在 “ 表 名 称 ”文本 框 中 输入 数据 表 名 称 “news”， 如 图 6-9 所 示 。 


| 所 Access 对 银 昌吉 
四 


EE 
全 | 
3 
入 | 


! 选择 “设计 视图 ”! 
Ee i 于 开始 设计 news 数 | Fr-------------- 1 
ed 上 据 表 ， ! 输入 数据 表 名 称 nows | 
MI ee 0 本 
¥ WMD 






| 新闻) 

















图 6-8 打开 的 快捷 菜单 命令 图 6-9 “另存 为 ”对 话 框 
07 单 击 “确定 ”按钮 ， 即 建立 了 news 数据 表 ， 按 表 6-2 输入 字段 名 并 设置 其 属性 ， 完 成 后 
如 图 6-10 所 示 。 


国 news 口 
根据 表 6-2 设置 字段 名 ! sap 目 
称 和 类 型 ， 其 中 news id 4 二 将 测 5as 
= 备注 内 容 

1 


为 主键 














2 认可 到 的 个 字 汪 和 后 李 ,从 
Ll 锭 可 二 者 有 关 字 各 名 格 的 大 过 


























6-10 创建 表 的 字段 
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08 双击 国 news 按 钮 , 打开 news 数据 表 , 为 了 预览 方便 , 可 以 在 数据 库 中 预先 输入 一 些 数据 ， 
如 图 6-11 所 示 。 




















PR 





1 
1 
| 据 ， 其 中 news_type | 
上 的 值 从 属于 newstype !---- 
! 表 中 的 ype id 的 值 ! 














图 6-11 news 表 中 的 记录 
09 用 上 述 方法 再 创建 一 个 名 称 为 newstype 和 名 称 为 admin 的 数据 表 。 输 入 字段 名 称 并 设置 








尼姑 = 
其 属性 ， 最 终 效果 如 图 6-12 所 示 。 
可 要 好 可 请 秋末 两 本 a 和 到 用 天 到 了 骆 ] 

" mE 自 臣 绽 寻 人 闻 夫 生 自 起 编号 = 生动 入 自动 滴 写 
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pssvord Et 和 理念 
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| (in 

Sx sas FEA 加 
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一 a I WE i . ee 
se 时 
型 天 
bricodo BE 旺 
ASK = 
[人 
C2 








图 6-12 newstype 和 admin 数据 表 设 置 
10 编辑 完成 ， 单 击 “ 保 存 ” 贺 | 按钮， 最 后 关闭 Access 软件 。 


6.2.2 创建 数据 库 连 接 


数据 库 编辑 完成 后 ， 必 须 在 Dreamweaver CC 中 建立 数据 源 连接 对 象 。 这 样 做 的 目的 是 方 
便 在 动态 网 页 中 使 用 前 面 建立 的 新 闻 系统 数据 库 文件 和 动态 地 管理 新 闻 数 据 。 
具体 的 连接 步骤 如 下 : 


01 依次 单 击 电脑 中 的 “控制 面板 ”|“ 管 理工 具 ”|“ 数 据 源 (ODBC)”| “系统 DSN ”命令 ， 
打开 “ODBC 数据 源 管 理 器 ”中 的 “系统 DSN” 选 项 卡 ， 如 图 6-13 所 示 。 

02 在 图 6-13 中 单 击 “ 添 加 (D)” 按 钮 ， 打 开 “ 创 建新 数据 源 ” 对 话 框 。 在 打开 的 “创建 新 
数据 源 ” 对 话 框 中 ， 选 择 Driver do Microsoft ”Access (*.mdb) 选项 。 

03 单 击 “ 完 成 ”按钮 ， 打 开 “ODBC Microsoft Access 安装 ”对 话 框 ， 在 “数据 源 名 (N)” 
文本 框 中 输入 “connnews”， 如 图 6-14 所 示 。 

04 然后 在 图 6-14 中 单 击 “ 选 择 〈(S)” 按 钮 打开 “选择 数据 库 ” 对 话 框 ， 单 击 “ 驱 动 器 (V)” 
下 拉 列 表 框 右边 的 三 角 按钮 [z]， 从 下 拉 列 表 框 中 找到 在 创建 数据 库 步骤 中 数据 库 所 在 的 盘 符 ， 在 “ 目 
录 (D)” 中 找到 在 创建 数据 库 步骤 中 保存 数据 库 的 文件 来 ， 再 单 击 左 上 方 “ 数 据 库 名 (A)” 选 项 组 
的 数据 库 文件 news.mdb， 数 据 库 名 称 自动 添加 到 “数据 库 名 (A)” 文 本 框 中 ， 如 图 6-15 所 示 。 
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a 
! 单 击 “ 添 加 (D)” 按 钮 开 ! 
上 始 添加 DSN 数据 源 
1 

















用 户 SN | 系统 了 SN | 文件 SN | 驱动 程序 [跟踪 [连接 地 | 关 取 














系统 数据 源 B) \ 
名 称 驱动 程序 添加 D)- 
加 

[9] 




















| 


[7 








系统 数据 库 0) 


























图 6-13 “系统 DSN” 选 项 卡 图 6-14 “ODBC Microsoft Access 安装 ”对 话 框 


05 找到 数据 库 后 ， 单 击 “ 确 定 ” 按 钮 ， 回 到 “ODBC Microsoft Access 安装 ”对 话 框 中 ， 再 
次 单 击 “ 确 定 ” 按 钮 ， 将 返回 到 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 项 卡 中 ， 可 以 看 到 
在 “系统 数据 源 ” 中 已 经 添加 了 一 个 名 称 为 connnews、 驱 动 程序 为 Driver do Microsoft Access(*.mdb) 


的 系统 数据 源 ， 如 图 6-16 所 示 。 
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mE 7 亏 助 














文件 类 型 @r): 
Access 数据 库 (me Y 


























图 6-15 “选择 数据 库 ” 对 话 框 图 6-16 “ODBC 数据 源 管理 器 ”的 “系统 DSN” 选 项 卡 
06 再 次 单 击 “ 确 定 ” 按 钮 ， 完 成 “ODBC 数据 源 管理 器 ”中 “系统 DSN” 选 项 卡 的 设置 。 
07 启动 Dreamweaver CC， 执 行 菜单 “文件 ”|“ 新 建 ” 命 令 ， 打开“ 新 建文 档 ” 对 话 框 ， 在 
“空白 页 ”选项 卡 中 “页 面 类 型 ”下 拉 列 表 框 下 选择 HTML 选项 ， 在 “布局 ”下 拉 列 表 框 下 选择 
“无 ”选项 ， 然 后 单 击 “创建 ”按钮 ， 在 网 站 根 目 录 下 新 建 一 个 名 为 index.asp 的 网 页 并 保存 ， 如 


图 6-17 所 示 。 
08 设置 好 “站 点 ”“ 测 试 服务 器 ” 在 Dreamweaver CC 中 执行 菜单 “窗口 ”| 数据库” 命令 ， 


打开 “数据 库 ” 面 板 ， 单 击 “ 数 据 库 ” 面 板 中 的 四 按钮 ， 在 弹出 的 快捷 菜单 中 选择 “数据 源 名 称 
(CDSN)” 选 项 ， 如 图 6-18 所 示 。 
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文件 和 IN: indexasp| 
RFT): Al Documents (hum htmt" sheme shtmt' hm".stme" ss oappcache'am "| 








2 选择 一 种 福村 过 型 
3 设置 站 点 的 惠 过 有 务 中 
EE 4 单 击 上 面 的 + 按 包 创建 入 接 。 





图 6-17 建立 首页 并 保存 图 6-18 选择 “数据 源 名 称 (CDSN)” 选 项 

09 打开 “数据 源 名 称 (DSN) ”对话 框 , 在 “连接 名 称 ” 文 本 框 中 输入 连接 名 称 为 “connnews”， 

单 击 “ 数 据 源 名 称 DSN)” 下 拉 列 表 框 右边 的 三 角 按钮 图 ， 从 打开 的 下 拉 列 表 框 中 选择 在 “数据 
源 (ODBC)”|“ 系 统 DSN” 中 所 添加 的 connnews 选项 ， 其 他 保持 默认 值 ， 如 图 6-19 所 示 。 








数据 特 名 称 (DSN): | 














用 户 名 : 


更 三: 
Dreamweaver 应 连接 二 使 用 测试 最 务 器 上 的 DSN 
加 使 用 本 地 DSN 














图 6-19 “数据 源 名 称 (DSN)” 对 话 框 
6.3 系统 页 面 设计 


新 闻 发 布 系统 前 台 部 分 主要 有 3 个 动态 页 面 ， 分 别 是 新 闻 主 页 面 index.asp， 新 闻 分 类 页 面 
type.asp 和 新 闻 内 容 页 面 newscontent.asp。 


6.3.1 网 站 首页 的 设计 


在 本 小 节 中 主要 介绍 新 闻 发 布 系统 主页 面 index.asp 的 制作 ， 在 index.asp 页 面 中 主要 有 显示 
最 新 新 闻 的 标题 、 新 闻 的 加 入 时 间 、 显 示 新 闻 分 类 , 单 击 新 闻 中 的 分 类 进入 分 类 子 页 面 进 行 查 
看 新 闻 子 类 中 的 新 闻 信息 , 单 击 新 闻 标题 进入 新 闻 详 细 内 容 页 面 、 对 新 闻 的 主题 内 容 进行 搜索 
等 功能 。 

详细 的 操作 步骤 如 下 : 
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01 打开 刚刚 创建 的 index.asp 页 面 ， 输 入 网 页 标题 “新 闻 首 页 ”， 执 行 菜单 “文件 ” |“ 保存” 
命令 将 网 页 保存 。 

02 执行 菜单 “修改 ”|“ 页 面 属性 ”命令 ， 打开“ 页面 属性 ”对 话 框 ， 单 击 “ 分 类 ”列表 框 
中 的 “外 观 (CSS)” 选 项 ,字体 大 小 设置 为 12px， 背景 图 像 选择 此 站 点 中 images 文件 夹 的 bg.gif， 
在 “上 边 距 ”文本 框 中 输入 0px， 这 样 设置 的 目的 是 为 了 让 页 面 的 第 一 个 表格 能 置顶 到 上 边 ， 如 图 
6-20 所 示 。 








黄 高 评 高 而 司 局 局 局 局 宇 


HE a | ncn eres edt bl 背景 医 仿 0): [imcesjbe 6 让 济 史 0). 
1 设置 一 个 背景 | 


1 图 像 1 











图 6-20 设置 “页 面 属性 ” 

03 单 击 “确定 ”按钮 ， 进 入 “文档 ”窗口 ， 执 行 菜单 “插入 ”|“ 表 格 ” 命 令 ， 打 开 “ 表 格 ” 
对 话 框 ， 在 “ 行 数 ”文本 框 中 输入 行 数 为 4， 在 “ 列 ” 文 本 框 中 输入 列 数 为 1。 在 “表格 宽度 ” 文 
本 框 中 输入 962 像素 ， 其 他 设置 如 图 6-21 所 示 。 

04 单 击 “ 确 定 ” 按 钮 ， 在 “文档 ”窗口 中 插入 了 一 个 4 行 1 列 的 表格 。 单 击 选 择 插入 的 整 
个 表格 ， 在 “属性 ”面板 上 单 击 “ 对 齐 ” 下 拉 列 表 框 ， 选 择 “居中 对 齐 ” 命 令 ， 让 插入 的 表格 居中 
对 齐 。 

05 将 光标 放置 在 第 1 行 表格 中 ,执行 菜单 “插入 ”| “图 像 ” 命令 , 打开 “选择 图 像 源 文件 ” 
对 话 框 ， 选 择 images 文件 下 的 topjpg 图 像 ， 如 图 6-22 所 示 。 


























































二 加 GO = Dr mp ~ ~ = HM) BF mayes D| 
雪 格 宽度 962 Ce 0 1 在 表格 的 第 1 1 aa 
RE 0 全 ss 行 中 插 入 | drintopjpg 
全 1 es ! topjpg 图像 on 
Ee Ep a 
习 2 一 -amef | rightjeg 
中 pi 
硕 计 ER 
| 
| NE ropjps ~ [ee cotripripegp 
| Ee 
图 6-21 设置 插入 一 个 4 行 1 列 的 表格 图 6-22 “选择 图 像 源 文件 ”对 话 框 
06 将 光标 放置 在 第 2 行 表 格 中 ， 执 行 菜单 “插入 ”|“ 表 格 ”命令 ,插入 一 个 1 行 2 列 的 表 


格 ， 在 第 2 行 第 1 列表 格 中 插入 一 个 leftjpg 图 像 作为 背景 ， 效 果 如 图 6-23 所 示 。 


。 130。 
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07 将 光标 放置 在 第 2 行 第 2 列表 格 中 ,在 第 2 行 第 2 列 














效果 如 图 6-24 所 示 。 


3 





图 6-23 在 第 2 行 第 1 列 插入 背景 图 





插入 一 个 rightjpg 图 像 作为 背景 ， 


08 将 光标 放置 在 第 4 行 表格 中 ， 执 行 菜单 “插入 ”| “图像 ”命令 ， 打 开 “ 选 择 图 像 源 文件 ”对 
文件 ”对 话 框 中 ， 选 择 同 站 点 中 的 images 文件 夹 中 的 bottom.jpg 图 片 。 





话 框 ， 在 打开 的 “选择 图 像 源 











09 将 光标 放置 在 第 2 行 第 1 列 的 表格 


对 话 框 ， 在 “ 行 数 ”文本 框 





























图 6-24 在 第 2 行 第 2 列 插入 背景 图 





10 单 击 刚 创建 的 左边 空白 单元 格 , 然后 再 单 击 “ 文 档 ” 窗 
之 间 加 入 valign="top" 的 命令 ， 表 示 让 鼠标 能 够 自动 贴 至 单元 格 的 最 上 方 。 


























h， 执 行 菜单 “插入 ”| “表格 ” 命令 ,打开 “表格 ” 
输入 行 数 4， 在 “ 列 ” 文本 框 中 输入 列 数 1。 在 “表格 宽度 ”文本 杠 
中 输入 83%， 其 “边框 粗细 ”“ 单 元 格 边 距 ”和 “间距 ”都 为 0。 


上 的 区 驳 吕 按钮 ， 在 <tt> 和 </td> 





人 接 下 来 用 “ 绑 定 ”面板 将 网 页 所 需要 的 数据 字段 绑 定 到 网 页 中 。index.asp 这 个 页 面 使 


的 数据 表 是 news 和 newstype， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 国 按 钮 ， 在 弹出 的 菜 
单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 


6-25 所 示 。 


表 6-5 “记录 集 ” 设 定 





h 输 入 如 表 6-5 所 示 的 数据 ， 如 














图 
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1 选择 connnews 数据 源 
1 中 的 newstype 数据 表 
1 
1 
1 




















中 的 “全 部 ” 单 选 按钮 ， 
建立 记录 和 集 查询 




















图 6-25 “记录 集 ”对 话 框 

12 绑 定 记录 集 后 ， 将 记录 集中 新 闻 分 类 
的 字段 type_name 插入 至 index.asp 网 页 的 适当 
位 置 ， 如 图 6-26 所 示 。 

13 由 于 要 在 index.asp 这 个 页 面 中 显示 数 
据 库 中 所 有 新 闻 分 类 的 标题 , 而 目前 的 设 定 则 只 
会 显示 数据 库 的 第 一 笔 数 据 , 因此 , 需要 加 入 “ 服 
务 器 行为 ”中 的 “重复 区 域 ”命令 ， 让 所 有 的 新 
闻 分 类 全 显示 出 来 , 选择 {Recordsetl.type_name} 
所 在 的 行 ， 如 图 6-27 所 示 。 

14 单 击 “ 应 用 程序 ”面板 组 中 的 “服务 器 行为 ”面板 上 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ”选项 ， 在 打开 的 “重复 区 域 ”对 话 框 中 ， 选 中 “所 有 记录 ” 单 选 按钮 ， 如 图 6-28 所 示 。 

15 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 “ 重 
复 ”的 灰色 标签 ， 这 表示 已 经 完成 设置 。 

















图 6-26 插入 至 index.asp 网 页 中 











选择 显示 “所 让 本 记录 集 。 |Recordsetl 四 
上 有 记录 ” | ~ © 0 ] 庆 


~ 
回 所 有 记录 





{Recordsetl. type_name]] 


图 6-27 选择 要 重复 显示 的 一 行 图 6-28 选择 一 次 可 以 显示 的 次 数 


16 除了 显示 网 站 中 所 有 新 闻 分 类 标题 外 ， 还 要 提供 访问 者 感 兴趣 的 新 闻 分 类 标题 链接 来 实现 
详细 内 容 的 阅读 。 为 了 实现 这 个 功能 ， 首 先 要 选取 编辑 页 面 中 的 新 闻 分 类 标题 字段 ， 如 图 6-29 所 示 。 

17 单 击 “ 应 用 程序 ”面板 组 中 的 “服务 器 行为 ”面板 上 的 轩 按 钮 ,在 弹出 的 菜单 中 选择 “ 转 
到 详细 页 面 ”选项 。 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 单 击 “ 浏 览 ”按钮 ， 如 图 6-30 所 示 ， 弹 
出 “选择 文件 ”对 话 框 ， 选 择 此 站 点 中 的 type.asp， 其 他 选项 保持 默认 值 不 变 。 

18 单 击 “ 确 定 ”按钮 回 到 编辑 页 面 ， 主 页 面 index.asp 中 新 闻 分 类 的 制作 已 经 完成 ， 最 新 新 
闻 的 显示 页 面 设 计 效 果 如 图 6-31 所 示 。 

19 制作 完了 新 闻 分 类 栏目 后 ， 下 一 步 的 工作 就 是 将 news 数据 表 中 的 新 闻 数 据 读 取出 来 ， 并 
在 首页 上 进行 显示 。 
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图 6-29 选择 新 闻 分 类 标题 图 6-30 “ 转 到 详细 页 面 "对话 框 
机 
一 “smeartno 
mn rN 
_ __ | ! 最 新 新 闻 静 态 页 ! 
和 1 设计 这 1 
溃 ! 面 设计 效果 图 l 











图 6-31 设计 结果 效果 图 


20 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 6-6 所 示 的 数据 ， 如 图 6-32 所 示 。 























表 6-6 “记录 集 Re1” 设 定 








! 选择 connnews 数据 源 中 的 news ! 
1 数据 表格 中 的 “全 部 ”选项 ， 建 ! 
1 立 记录 集 查 询 , 在 数据 显示 的 时 ' 
! 候 以 news_id 降序 显示 1 

















图 6-32 “记录 集 ” 对 话 框 
后 ， 将 记录 集 的 字段 插入 至 index.asp 网 页 的 适当 位 置 ， 如 图 6-33 所 示 。 


21 绑 定 “ 记 录 集 ” 
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图 6-33 ” 绑 定数 据 


22 由 于 要 在 index.asp 这 个 页 面 显示 数据 库 中 部 分 新 闻 的 信息 ， 而 目前 的 设 定 则 只 会 显示 数 
据 库 的 第 一 笔 数 据 ， 因 此 ， 需 要 加 入 0 中 的 “重复 区 域 ”的 设置 来 重复 显示 部 分 新 闻 
信息 ， 单 击 选择 要 重复 显示 的 新 闻 信息 的 那 一 行 ， 如 图 6-34 所 示 。 

















{Rel. news_title} Rel. news_date} 





图 6-34 单 击 需要 重复 的 表格 


23 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 内 按钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ”选项 ， 在 弹出 的 “重复 区 域 ” 对 话 框 中 ， 记 录 集 选择 Rel ， 要 重复 的 记录 条 数 输 入 10 条 
记录 ， 如 图 6-35 所 示 。 

24 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 
“重复 ”的 灰色 标签 ， 这 表示 已 经 完成 设 定 了 。 

25 最 新 新 闻 这 个 功能 除了 显示 网 站 中 部 分 新 闻 外 ， 还 要 提供 访问 者 感 兴趣 的 新 闻 标 题 链接 
至 详细 内 容 来 阅读 。 首 先 选取 编辑 页 面 中 的 新 闻 标 题字 段 ， 如 图 6-36 所 示 。 

















1 
选择 每 一 页 
要 显示 Rel 
记录 集中 的 
10 条 记录 











图 6-35 选择 一 次 可 以 显示 的 记录 条 数 图 6-36 选择 新 闻 标 题字 段 


26 单 击 “ 应 用 程序 ”面板 组 中 的 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 
到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 单 击 “ 浏 览 ”按钮 ， 打 开 “ 选 择 文件 ”对 
话 框 ， 选 择 此 站 点 中 news 文件 来 中 的 newscontent.asp， 其 他 设 定 如 图 6-37 所 示 。 

27 单 击 “确定 ”按钮 回 到 编辑 页 面 ， 当 记录 集 超过 一 页 时 ， 就 必须 要 有 “上 一 页 ”“ 下 一 页 ” 
等 按钮 或 文字 ， 让 访问 者 可 以 实现 翻 页 的 功能 。 在 “服务 器 行为 ”面板 中 单 击 国 按钮 ， 在 弹出 的 下 
拉 菜 单 中 选择 “记录 和 集 分 页 ”| “ 移 至 第 一 条 记录 ”选项 ， 添 加 “第 一 页 ”选项 ， 如 图 6-38 所 示 。 








tf 























人 和 加 有 要 数 : 巴 URL 多数 
回去 # 当 数 








图 6-37 “ 转 到 详细 页 面 ”对 话 杠 图 6-38 选择 “记录 集 导航 条 ” 
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28 使 用 同样 的 方法 添加 其 他 记录 集 分 页 信息 ， 如 图 6-39 所 示 。 











说 当 首位 置 : 新 闻 宁 心 
EE 









[hel. navs_title} hel seat 





RE 到 (ls 
EE# [pitatal) 






图 6-39 添加 “记录 集 分 页 ”页 面 


29 在 “服务 器 行为 ”面板 中 单 击 盖 按钮 ， 在 弹出 的 下 拉 列表 中 选择 “动态 文本 ”选项 ， 打 
开 “ 动 态 文本 ”对 话 框 ， 在 其 中 设置 相应 的 动态 信息 ， 单 击 “ 确 定 ”按钮 ， 在 网 页 中 添加 动态 文本 


























信息 ， 如 图 6-40 所 示 。 


昌 i 
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图 6-40 添加 “动态 文本 ” 
30 index.asp 这 个 页 面 需 要 加 入 “查询 ”的 功能 ， 这 样 新 闻 发 布 系 统 才 不 会 因 日 后 数据 太 多 
而 有 不 易 访问 的 情况 发 生 ， 读 者 可 以 根据 自己 喜欢 的 主题 进行 内 容 查询 ， 设 计 如 图 6-41 所 示 。 
济 询 主题 : | 机 | 
图 6-41 搜索 主题 设计 
Os 利用 表单 及 相关 的 表单 组 件 来 制作 以 关键 词 查询 数据 的 功能 ,需要 注意 如 下 操作 。 
图 6-41 所 示 的 内 容 都 在 一 个 表单 forml 之 中 。 
@ “查询 主题 ”文本 框 的 值 设 为 keyword。 
日 “查询 ”按钮 为 一 个 提交 表单 按钮 。 
31 在 此 要 将 之 前 建立 的 记录 集 Rel 做 一 下 更 改 。 打 开 “ 记 录 集 ”对 话 框 ， 并 进入 “高 级 ” 
设置 ， 在 原 有 的 SQL 语法 中 ， 加 入 一 段 查询 功能 的 语法 : 
WHERE news title like "g%"&keyword&"s'" 
那么 以 前 的 SQL 语 句 将 变 成 如 图 6-42 所 示 。 
其 中 ，like 是 模糊 查询 的 运算 值 ，% 表 示 任意 字符 ， 而 keyword 是 个 变量 ， 代 表 
ss 关键 词 。 
提 示 
32 切换 到 “代码 ”编辑 窗口 ， 找 到 Rel 记录 集 相应 的 代码 并 加 入 代码 : 


keyword= request ("keyword") 
// 定 义 keyword 为 表单 中 "keyword" 的 请 求 变量 


如 图 6-43 所 示 ， 完 成 设置 。 





提 示 
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ER 
和 ai 
a 二 

! WHERE news title ! es 全 三 | | 
! like %"&keyword&” LJ ede ea 
1 %// 查 询 的 条 件 是 输 1 RE 
1 入 的 关键 字 和 数据 | 一 一 一 一 区 
1 库 中 的 news_title 字 | 
， 段 相似 就 可 以 ! Ie 

要 且 志 项 | 加 鳃 ” 表 稿 授 各 到 SQL 
I 本 日 男 舞 SC 

Wy EE 

















图 6-42 修改 SQL 语句 


33 以 上 的 设置 完成 后 ，index.asp 系统 主页 面 就 有 查询 功能 了 ， 可 以 按 F12 功能 键 进入 浏览 
器 ， 测 试 一 下 是 否 能 正确 地 查询 。 首 先 index.asp 页 面 会 显示 所 有 网 站 中 的 新 闻 分 类 主题 和 最 新 新 
闻 标 题 ， 如 图 6-44 所 示 。 


TE ED [| 


TT 
机 云 新 闻 网 wa vase re me en 












9 天 NR: WO 
es TT 
l Ee 
| qq 加 
独家 | 
Werror dy OaN 克 a EE 
nibs | 壬 生长 元 请 可 尔 吉 新 靳 得 看 这 侨 导 关中 (全 起 
图 6-43 加 入 代码 图 6-44 主页 面 浏览 效果 图 


34 然后 在 关键 词 中 输入 “俄罗斯 ”并 单 击 “ 查 询 ” 按 钮 ， 结 果 会 发 现 页 面 中 的 记录 只 显示 
有 关 “ 俄 罗斯 ”所 发 表 的 最 新 新 闻 主 题 ， 这 样 查询 功能 就 已 经 完成 了 ， 最 终 的 效果 如 图 6-45 所 示 。 








图 6-45 ”测试 查询 效果 图 
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6.3.2 ”新 闻 分 类 页 面 的 设计 


新 闻 分 类 页 面 type.asp 用 于 显示 每 个 新 闻 分 类 的 页 面 ， 当 访问 者 单 击 index.asp 页 面 中 的 任 
何 一 个 新 闻 分 类 标题 时 就 会 打开 相应 的 新 闻 分 类 页 面 。 新闻 分 类 页 面 设计 效果 如 图 6-46 所 示 。 

详细 的 操作 步骤 说 明 如 下 : 

01 执行 菜单 “文件 ” |“ 新建” 命令 ， 打 开 “ 新 
建文 档 ” 对 话 框 ， 选 择 “ 空 白 页 ”选项 卡 ， 选 择 “ 页 
面 类 型 ”下 拉 列 表 框 下 的 HTML 选项 ， 在 “布局 ”下 
拉 列 表 框 中 选择 “无 ”选项 ， 然 后 单 击 “ 创 建 ”按钮 
创建 新 页 面 , 输入 网 页 标题 “新 闻 分 类 ”, 执行 菜单 “ 文 
件 ”| “保存” 命令 ， 在 站 点 news 文件 夹 中 将 该 文档 
































保存 为 type.asp。 
02 新 闻 分 类 页 面 和 首页 面 中 的 静态 页 面 设计 差 
不 多 ， 在 这 里 不 做 详细 说 明 。 图 6-46 新 闻 分 类 页 面 效果 


03 type.asp 这 个 页 面 主要 是 显示 所 有 新 闻 分 类 标题 的 数据 ， 所 使 用 的 数据 表 是 news， 单 击 
“ 绑 定 ” 面 板 中 的 “增加 ”标签 上 的 办 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打 
开 的 “记录 集 ” 对 话 框 中 输入 如 表 6-7 的 数据 ， 再 单 击 “ 确 定 ”按钮 后 就 完成 设 定 了 ， 如 图 6-47 
所 示 。 





表 6-7 输入 “记录 集 ” 
Cr re re 
Em Es 
EE CT 
EE | 





! 选择 connnews 数据 源 中 的 | 1 
' news 数据 表 中 的 全 部 字段 ， 再 ! 
-41 根据 前 面 所 传递 的 news_type ! 
| 参数 进行 第 选 ， 建 立 一 个 记录 ! 
! 集 查询 , 并 将 记录 集 按 news_id ! 
! 升序 排列 | 





图 6-47 ” 绑 定 记录 集 设 定 


04 单 击 “确定 ”按钮 ， 完 成 记录 集 绑 定 。 绑 定 记录 集 后 ， 将 记录 集 的 字段 插入 至 type.asp 
网 页 中 的 适当 位 置 ， 如 图 648 所 示 。 








图 6-48 插入 至 type.asp 网 页 中 
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05 为 了 显示 所 有 记录 ,需要 加 入 “服务 器 行为 ”中 的 “重复 区 域 ”命令 , 单 击 type.asp 页 面 
中 需要 重复 的 表格 ， 如 图 6-49 所 示 。 


图 6-49 单 击 选择 要 重复 显示 的 一 行 


06 单 击 “ 应 用 程序 ”面板 组 中 的 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ”的 选项 ， 打 开 “ 重 复 区 域 ” 对 话 框 ， 设 定 一 页 显示 的 数据 为 10 条 ， 如 图 6-50 所 示 。 
































rr 1 设置 显示 10 条 


a 示 加 19” 记录 = Recordsetl 记录 集 
所 有 记录 1 














图 6-50 选择 一 次 可 以 显示 的 记录 条 数 


07 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 
“重复 ”的 灰色 标签 ， 表 示 已 经 完成 设置 。 

08 在 “服务 器 行为 ”面板 中 单 击 现 按钮 ， 在 弹出 的 下 拉 列表 中 选择 “记录 集 分 页 ”| “ 移 
至 第 一 条 记录 ”， 添 加 “第 一 页 ”选项 ， 使 用 同样 的 方法 添加 其 他 选项 ， 如 图 6-51 所 示 。 








态 文本 ”对 话 框 ， 在 其 中 选择 “第 一 个 记录 索引 ”选项 。 使 用 相同 的 方法 添加 最 后 一 条 记录 的 记录 
索引 和 总 记录 数 ， 最 后 单 击 “ 确 定 ” 按 钮 ， 如 图 6-52 所 示 。 





隐 [第 一 个 记录 素 引 ] 


必 [最 后 一 个 记录 索引 ] 





人 Recordsetl tt)%) 








{Recordsetl. news_title} 


ecordset1 first] 到 
a 








图 6-52 ”添加 “记录 集 导航 状态 ” 


*。138。 
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上 的 办 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 














选取 编辑 页 面 中 的 新 闻 标 题字 段 ， 再 单 击 “ 应 用 程序 ”面板 组 中 的 “服务 器 行为 ” 














面板 





单 击 “ 浏 览 ” 按 钮 ， 打 开 “ 选 择 文件 ”对 话 框 ， 选 择 news 文件 夹 中 的 newscontent.asp， 设 置 “ 传 
递 URL 参数 ”为 news_id， 其 他 参数 设 定 如 图 6-53 所 示 。 





根据 字段 news_id 的 人 一。 





放任 GE 
转 到 newscontent.asp 的 1 | msm ane 


详 ecordsetl 了 
详细 页 面 l | 
傣 舌 现 有 参数 : 加 URL 条 至 





日 到 #$ 数 


图 6-53 “ 转 到 详细 页 面 ”对 话 框 


11 加 入 显示 区 域 的 设 定 。 首 先 选取 记录 集 有 数据 时 要 显示 的 数据 表格 ， 如 图 6-54 所 示 。 











12 单 击 “ 应 用 程序 ”面板 组 中 的 “服务 器 行为 ”面板 上 的 办 按钮 ， 在 弹出 的 菜单 中 选择 “ 显 
示 区 域 ”|“ 如 果 记 录 集 不 为 空 则 显示 区 域 ”选项 ， 打 开 “ 如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 
在 “记录 集 ” 中 选择 Recordsetl ， 再 单 击 “确定 ”按钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 








不 。 


记录 集 Recordsetl > 

















话 框 ， 


区 域 左上 角 出 现 了 一 个 “如 果 符 合 此 条 件 则 显示 ”的 灰色 标签 ， 表 示 已 经 完成 设置 ， 如 图 6-55 所 

















13 
14 





按钮 回 型 








图 6-55 记录 集 不 为 空 则 显示 
选取 记录 集 没 有 数据 时 要 显示 的 数据 表格 ， 如 图 6-56 所 示 。 





单 击 “ 应 用 程序 ”面板 组 中 的 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 显 
示 区 域 ”|“ 如 果 记 录 集 为 空 则 显示 区 域 ” 选 项 ， 在 “记录 集 ” 中 选择 Recordset1， 再 单 击 “ 确 定 ” 











编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 区 域 左上 角 出 现 了 一 个 “如 果 符合 此 条 件 见 





的 灰色 标签 ， 表 示 已 经 完成 设置 ， 效 果 如 图 6-57 所 示 。 


15 








分 类 页 面 











新 闻 分 类 页 面 左 边栏 的 新 闻 分 类 制作 方式 同 首页 一 样 ， 在 此 不 做 详细 说 明 。 到 这 号 
type.asp 的 制作 已 经 完成 。 


显示 ” 


新 闻 


。139。 
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记录 和 seasas1 -看 gd 到 
ee 二 闪 
ER 











图 6-56 选择 没有 数据 时 显示 的 区 域 图 6-57 ”记录 集 为 空 则 显示 
6.3.3 ”新 闻 内 容 页 面 的 设计 


新 闻 内 容 页 面 newscontent.asp 用 于 显示 每 一 条 新 闻 的 详细 内 容 ， 这 个 页 面 设计 的 重点 在 于 
如 何 接收 主页 面 index.asp 和 type.asp 所 传递 过 来 的 参数 ， 并 根据 这 个 参数 显示 数据 库 中 相应 的 
数据 。 新 闻 内 容 页 面 的 页 面 设 计 效果 如 图 6-58 所 示 。 


机 云 新 闻 网 ees) 3 和 





图 6-58 ”新闻 内 容 页 面 设计 效果 图 
详细 操作 步骤 如 下 : 
01 执行 菜单 “文件 ”|“ 新 建 ”命令 ， 打 开 “ 新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 页 ”选项 卡 ， 
在 “页 面 类 型 ”下 拉 列 表 框 中 选择 HTML 选项 ， 在 “布局 ”下 拉 列 表 框 中 选择 “无 ”选项 ， 然 后 
单 击 “ 创 建 ”按钮 创建 新 页 面 。 执 行 菜单 “文件 ” |“ 保存” 命令， 在 站 点 的 news 文件 夹 中 将 该 文 
档 保 存 为 newscontent.asp。 
02 页 面 设计 和 前 面 的 页 面 设计 差不多 , 在 这 里 不 做 详细 的 页 面 制作 说 明 , 效果 如 图 6-59 所 示 。 












































图 6-59 新 闻 内 容 页 面 设计 效果 图 
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03 单 击 “ 绑 定 ”面板 中 的 “增加 ”标签 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 
选项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 6-8 的 数据 ， 再 单 击 “ 确 定 ”按钮 后 就 完成 设 定 了 ， 
对 话 框 的 设置 如 图 6-60 所 示 。 




















表 6-8 “记录 集 ” 的 表格 设置 











| 属性 设置 值 属性 设置 值 | 
| 名 称 Recordsetl 列 全 部 | 
连接 connnews 筛选 news_id、=、URL 参 数 、news_id 




















= 
i i ! 根据 前 面 所 传递 1 
| 的 news_id 参数 | 
一 下 一 ! 筛选 connnews 数 
! 据 源 中 news 数 据 
1 
1 


! 表 中 的 全 部 字段 











图 6-60 设 定 “ 记 录 集 ”参数 
04 绑 定 记录 集 后 ， 将 记录 集 的 字段 插入 至 newscontent.asp 页 面 中 的 适当 位 置 ， 完 成 新 闻 内 
容 页 面 newscontent.asp 的 制作 ， 如 图 6-61 所 示 。 





图 6-61 绑 定 记录 集 到 页 面 中 


05 绑 定 数据 到 页 面 后 ， 设 置 新 闻 标 题 和 新 闻 内 容 的 样式 ， 这 样 更 加 美观 。 选 择 新 闻 标 题字 

段 ， 在 “属性 ”面板 的 CSS 样式 表 中 ， 设 置 大 小 为 4px、 字 体 颜色 为 #900、 加 粗 ， 在 弹出 的 “新 
建 CSS 规则 ”对 话 框 中 ， 设 置 名 称 为 “title”， 如 图 6-62 所 示 。 

-x 和 | 

NE Mestreansea. 











计生 各 名 称 : 
这 拓 和 过 丘 基 入 。 


二 广 : 
这 二 XI 吉 REYtz 香 = 
RR 








E 





图 6-62 新 建 CSS 样式 
06 用 同样 的 方法 设置 新 闻 内 容 的 样式 ， 这 样 新 闻 内 容 页 面 将 完成 制作 。 
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6.4 后台 管 理 页 面 设计 


新 闻 发 布 系统 后 台 管理 对 于 新 闻 发 布 系统 来 说 非常 
重要 , 管理 者 可 以 通过 账号 、 密码 进入 后 台 , 对 新 闻 分 类 、 
新 闻 内 容 进行 增加 、 修改 或 删除 , 使 网 站 能 随时 保持 最 新 、 
最 实时 的 信息 。 系 统管 理 登 录入 口 页 面 的 设计 效果 如 图 
6-63 所 示 。 


6.4.1 后 台 管理 入 口 页 面 


已 

后 台 管 理 主页 面 必须 受到 权限 管理 , 可 以 利用 登录 账号 与 密码 来 判断 是 否 由 此 用 户 来 实现 
权限 的 设置 管理 。 

详细 操作 步 又 如 下 : 

01 执行 菜单 “文件 ”|“ 新 建 ” 命 令 ， 打开“ 新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 页 ”选项 卡 ， 
在 “页 面 类 型 ”下 拉 列 表 框 中 选择 HTML 选项 ， 在 “布局 ”下 拉 列 表 框 中 选择 “无 ”选项 ， 然 后 
单 击 “ 创 建 ” 按 钮 创建 新 页 面 ， 输 入 网 页 标题 “后 台 管 理 入 口 ”。 执 行 菜单 “文件 ”|“ 保 存 ” 命 令 ， 
在 站 点 news 文件 夹 的 admin 文件 夹 中 将 该 文档 保存 为 admin_login.asp。 

02 执行 菜单 “插入 ”|“ 表 单 ”|“ 表 单 ” 命 令 ， 插 入 一 个 表单 。 

03 将 鼠标 放置 在 该 表单 中 ， 执 行 菜单 “插入 ”| “表格 ”命令 ， 打 开 “ 表 格 ” 对 话 框 ， 在 “ 行 
数 ” 文 本 框 中 输入 需要 插入 表格 的 行 数 4， 在 “ 列 ” 文 本 框 中 输入 需要 插入 表格 的 列 数 2， 在 “ 表 
格 宽度 ”文本 框 中 输入 400 像素 ， 其 他 选项 保持 默认 值 ， 如 图 6-64 所 示 。 











图 6-63 系统 管理 入 口 页 面 


上 插入 一 个 宽度 为 400 上 -二 pe zx 
1 去 格 宽 席 ，400 

! 像素 、4 行 2 列 的 表格 | 全 
一 一 一 音 元 格 边 下 国 


生 元 格 向 下 田 























”Ee 
图 6-64 插入 一 个 宽 为 400 像素 的 4 行 2 列 的 表格 

04 单 击 “ 确 定 ” 按 钮 ， 就 在 该 表单 中 插入 了 一 个 4 行 2 列 的 表格 。 选 择 表格 ， 在 “属性 ” 
面板 中 设置 “对 齐 ” 为 “居中 对 齐 ” 拖 动 鼠标 选择 第 1 行 的 所 有 单元 格 , 在 “属性 ”面板 中 单 击 回 
按钮 ， 将 第 1 行 表格 合并 。 用 同样 的 方法 把 第 4 行 合并 。 

05 在 表格 的 第 1 行 中 输入 文字 “ 帆 云 新 闻 后 全 管理 中 心 ” 在 表格 的 第 2 行 第 1 个 单元 格 中 
输入 文字 说 明 “ 账 号 : ”， 在 第 2 行 表格 的 第 2 个 单元 格 中 执行 菜单 “插入 ”|“ 表 单 ”|“ 文 本 ” 命 
令 ， 插 入 单行 文本 表单 对 象 ， 定 义 文本 名 为 username,“ 类 型 ”为 单行 ,“ 文 本 ”属性 设置 后 的 效 
果 如 图 6-65 所 示 。 
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06 在 第 3 行 表格 第 1 个 单元 格 中 输入 文字 说 明 “ 密 码 : ”， 在 第 3 行 表格 的 第 2 个 单元 格 中 
执行 菜单 “插入 ”|“ 表 单 ”|“ 密 码 ” 命 令 ， 插 入 密码 表单 对 象 ， 效 果 如 图 6-66 所 示 。 


| 机 二 新 闻 后 全 管理 心 | 
EL 














图 6-65 输入 “账号 ”名 和 插入 “文本 域 ” 后 的 效果 ”图 6-66 输入 “密码 ”名 和 插入 “密码 ”后 的 效果 


07 单 击 选择 第 4 行 表 格 ， 依 次 执行 菜单 “插入 ”| “表单 ”| “提交 按钮 ” 命令。 再 依次 执行 
菜单 “插入 ” |“ 表单”|“ 重 置 按钮 " 命令 ， 在 网 页 中 插入 两 个 按钮 ， 效 果 如 图 6-67 所 示 。 





图 6-67 设置 按钮 名 称 的 属性 及 效果 


08 单 击 “ 应 用 程序 ”面板 组 中 的 “服务 器 行为 ” 面板 上 的 图 按钮 ， 在 弹出 的 菜单 中 选择 “用 
户 身份 验证 ”| “登录 用 户 ” 选项， 打开 “登录 用 户 ” 对 话 框 ， 设 置 如 果 不 成 功 将 返回 登 
录 页 面 admin login.asp 重 新 登录 ， 如 果 成 功 将 登录 后 台 管 理 主页 面 admin.asp， 如 图 6-68 
所 示 。 


FE ED 
一 一 一 上 -~ AsgKR 和 [El CC 到 








全 
! 接 的 数据 表 和 
1 对 应 的 字段 














放权 列 - [Password 了 
如 果 登 录 成 功 ， 转 到 : adnin. asp 


回转 到 前 一 个 URL ( 加 果 它 存在 ) 
加 间 登 录 拓 由 ， 畦 到 : adnin_login. asp 








1 2. 根 据 用 户 的 用 
旦 于 愉 下 项 恨 制 沪 同 : 同 用 户 名 和 宣王 户 名 、 密 码 共同 
是 用 记名、 密码 和 访问 级 到 决定 转 到 的 页 面 


了 级别 自 -id "| ti- 

















图 6-68 ”登录 用 户 的 设置 

09 执行 菜单 “窗口 ”| “行为” 命令， 打开 

“行为 ” 面板 ， 单 击 “ 行 为 ”面板 中 的 外 按钮 ， 在 

弹出 的 菜单 中 选择 “检查 表单 ”选项 ， 打 开 “ 检 查 

表单 ”对 话 框 ， 设 置 username 和 password 文本 域 

的 “ 值 ” 都 为 “必需 的 ”,“ 可 接受 ”为 “任何 东西 ” 
如 图 6-69 所 示 。 

10 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 ， 完 成 

后 台 管 理 入 口 页 面 admin_login.asp 的 设计 与 制作 。 














图 6-69 “检查 表单 ”对 话 框 
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6.4.2 后台 管理 主页 面 





后 台 管 理 主页 面 是 管理 者 在 登录 页 面 验证 成 功 后 所 进入 的 页 面 ， 这 个 页 面 可 以 实现 对 新 闻 
分 类 、 新 闻 内 容 的 新 增 、 修 改 或 删除 ， 使 网 站 能 随时 保持 最 新 、 最 实时 的 信息 。 页 面 效果 如 图 
6-70 所 示 。 











ER 
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En Ne 














图 6-70 后 台 管 理 主页 面 效 果 图 
详细 操作 步骤 如 下 : 


01 打开 admin.asp 页 面 (此 页 面 设计 比较 简单 ， 页 面 设计 在 此 不 做 说 明 )， 单 击 “ 绑 定 ” 面 
板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 “记录 集 ” 对 话 框 中 输入 如 表 6-9 
的 数据 ， 再 单 击 “ 确 定 ”按钮 后 完成 设 定 ， 如 图 6-71 所 示 。 


表 6-9 “记录 集 ” 的 表格 设置 








ji 全 | 
ET CO 
ENE ET EE 
EE EE 








1 记录 在 页 面 显示 的 1 
_----! 时 候 按 news id 降序 | 
! 进行 排序 | 














图 6-71 设 定 “ 记 录 集 ” 
02 单 击 “ 和 确定 ”按钮 ， 完 成 记录 集 Re 的 绑 定 。 绑 定 记录 集 后 ， 将 Re 记录 集中 的 news title 
字段 插入 至 admin.asp 网 页 中 的 适当 位 置 ， 如 图 6-72 所 示 。 
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| {Re. news_title}- ---------- -7 一 








6-72 ”记录 集 的 字段 插入 admin.asp 网 页 中 


03 在 这 里 要 显示 的 不 单 是 一 条 新 闻 记 录 ， 而 是 多 条 新 闻 记 录 ， 所 以 要 加 入 “重复 区 域 ” 命 
令 ， 再 选择 需要 重复 的 表格 ， 如 图 6-73 所 示 。 














| RT ----------- | 





图 6-73 ”选择 重复 的 区 域 
04 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按 钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ”选项 ， 打 开 “ 重 复 区 域 ”对 话 框 ， 设 定 一 页 显示 的 数据 为 10 条 记录 ， 如 图 6-74 所 示 。 
05 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ,会 发 现 先前 所 选取 要 重复 的 区 域 左 上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表示 已 经 完成 设 定 了 。 

















a | 1 设 定 显示 记录 集 ， 
ss [Ta ! Re 中 的 10 条 记录 | 


所 有 记录 





图 6-74 选择 记录 集 显示 的 记录 条 数 
06 当 显示 的 新 闻 数据 大 于 10 条 时 ， 就 必须 加 入 记录 集 分 页 功能 了 ， 在 “服务 器 行为 ”面板 


中 单 击 由 按钮， 在 弹出 的 菜单 中 选择 “记录 集 分 页 ”|“ 移 至 第 一 条 记录 ”菜单 命令 ， 插 入 “第 一 
页 ”选项 ， 按 照相 同 的 方法 插入 其 他 记录 集 分 页 功能 ， 如 图 6-75 所 示 。 

















图 6-75 页 面 显示 效果 


07 admin.asp 是 提供 管理 者 链接 至 新 闻 编辑 的 页 面 ， 然 后 进行 新 增 、 修 改 与 删除 等 操作 ， 设 
置 了 4 个 链接 ， 各 链接 的 设置 如 表 6-10 所 示 。 


*。145。 
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表 6-10 admin.asp 页 面 的 表格 设置 















































属性 设置 什 属性 | 设置 什 
名 称 连接 页 面 修改 | news updasp 
标题 字段 {re_news_title} newscontent.asp 删除 news_del.asp 
添加 新 闻 news_ add.asp 
0 其 中 “标题 字段 {re news title}”、 “修改” 及 [rie 
“删除 ”的 链接 必须 要 传递 参数 news id 给 转 到 ! 先 1! 
提 示 。 ”的 页 面 , 这 样 转 到 的 页 面 才能 够 根据 参数 值 而 从 I 
数据 库 将 某 一 笔 数 据 筛选 出 来 再 进行 编辑 。 本 下 
1 证 1 
08 选取 “添加 新 闻 ”， 在 “插入 ”面板 中 的 “常用 ”下 1 机， 
的 “超级 链接 ”中 将 它 链接 到 admin 文件 夹 中 的 news_add.asp 1 五 | 
页 面 。 ! | 
09 选取 右边 栏 中 的 “修改 ”文字 , 然后 单 击 “ 应 用 程序 ” a 
面板 组 中 的 “服务 器 行为 ”面板 上 的 固 按钮 ， 在 弹出 的 菜单 中 
选择 “ 转 到 详细 页 面 ”选项 ， 如 图 6-76 所 示 。 图 6-76 选择 “ 转 到 详细 页 面 ”选项 


10 打开 “ 转 到 详细 页 面 ” 
文件 夹 中 的 news_upd.asp， 其 他 设置 为 默认 值 ， 如 图 6-77 所 示 。 


根据 字段 news id 的 + 


1 
! 值 转 到 news_upd.asp 
! 的 详细 页 面 


值 转 到 news_del.asp 
的 详细 页 面 

















根据 字段 news id 的 二 


对 话 框 ， 单 击 “ 浏 览 ” 按钮， 打开“ 选择 文件 ”对 话 框 ， 选 择 admin 





bs 伏 拉 |“ 修改 ] Cm] 
社 四 信息 页 news_upd. acp [Em [EL 
入 于 URL 多数 nevs_id 设 轩 为 以 下 项 的 秆 Cm ] 
| 
到 (ners-id 


传递 现 有 参数 - 四 URL 参数 
表单 他 数 








图 6-77 “ 转 到 详细 页 面 ”对 话 杠 
和 1 选取 “删除 ”文字 并 重复 上 面 的 操作 ， 要 转 到 的 页 面 改 为 news_del.asp， 如 图 6-78 所 示 。 





3 了 ] 
经 信和 页 nevs_iel. 35 - 
传道 URL 才 数 : nevs_id 访 时 为 以 下 项 的 全 
计生 区 梧 
歼 [Esid 机 





从 关 贡 有 少数. 中] URL 参数 
器 雪 间 参数 





图 6-78 “ 转 到 详细 页 面 ”对 话 杠 





12 选取 标题 字段 {Re_news title} 并 重复 上 面 的 操作 ， 要 前 往 的 详细 页 面 改 为 
newscontent.asp， 如 图 6-79 所 示 。 
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根据 字段 news id 的 值 -| - 
~ 人 [0 Ee Fields Ttes fners tit ~ 


1 

1 

1 1 

1 转 到 newscontentasp | 1 
、 1 

1 的 详细 页 面 1 信 于 URL 湖 娄 nevs_id 设置 为 以 下 项 的 人 天 





Hh 





图 6-79 “ 转 到 详细 页 面 ”对 话 框 


13 单 击 “确定 ”按钮 ， 完 成 转 到 详细 页 面 的 设置 ， 到 这 里 已 经 完成 了 新 闻 内 容 的 编辑 。 现 
在 来 设置 新 闻 分 类 ， 单 击 “ 绑 定 ” 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 
在 打开 的 “记录 集 ” 对 话 框 中 ， 输 入 设 定 值 如 表 6-11 所 示 的 数据 ， 再 单 击 “确定 ”按钮 后 就 完成 
了 设置 ， 如 图 6-80 所 示 。 


























表 6-11 “记录 集 ” 表 格 的 设置 














Es 一 -一 
Eee = 一 
芭 FE [En) 选择 connnews 数 据 ! 
CR | 源 中 的 newstype 数 ! 
于 本 | 。 | 据 表 中 的 全 部 字段 


! 建立 记录 集 查 询 ! 














图 6-80 “记录 集 ” 对 话 框 
14 单 击 “确定 ”按钮 , 完成 记录 集 Rel 的 绑 定 。 绑 定 记 录 集 后 , 将 Rel 记录 集中 的 type_name 
字段 插入 admin.asp 网 页 中 的 适当 位 置 ， 如 图 6-81 所 示 。 
15 在 这 里 要 显示 的 不 单 是 一 条 新 闻 分 类 记录 ， 而 是 全 部 的 新 闻 分 类 记录 ， 所 以 要 加 入 “ 服 
务 器 行为 ”中 的 “重复 区 域 ”命令 ， 再 选择 需要 重复 的 表格 ， 如 图 6-82 所 示 。 


将 Rel 记录 集中 的 ' 
type_name 字段 插入 这 里 全 





{Rel. type_name} 





6-81 “记录 集 ” 的 字段 插入 admin.asp 网 页 中 图 6-82 选择 
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16 单 击 “ 应 用 




















程序 ”面板 组 中 的 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “重复 
区 域 ” 选 项 ， 打 开 “ 重 复 区 域 ”对 话 框 ， 设 定 一 页 显示 的 数据 为 “所 有 记录 ”， 如 图 6-83 所 示 。 








17 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 , 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表示 已 经 完成 设置 。 


18 首先 选取 左边 栏 中 的 “修改 ”文字 ， 然 后 单 击 “ 应 用 




















程序 ”面板 组 中 的 “服务 器 行为 ” 





面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 打 开 “ 转 到 详细 页 面 ” 对 话 框 ， 
单 击 “ 浏 览 ”按钮 ， 打 开 “ 选 择 文件 ”对 话 框 ， 选 择 admin 文件 夹 中 的 type_upd.asp， 其 他 设置 为 





默认 值 ， 如 





6-84 所 示 。 








et i 
， 当 显示 的 记录 数 不 多 时 可 以 1! ! 
1 选择 显示 “所 有 记录 ” 


让 









































根据 字段 type_id 的 值 转 到 
type_upd.asp 的 详细 页 面 


伟 带 现 有 多 狐 门 URL 参数 
站 条 # 才 数 











图 6-83 “重复 区 域 ”对 话 杠 图 6-84 “ 转 到 详细 页 面 ”对 话 框 
19 选取 “删除 ”文字 并 重复 上 面 的 操作 ， 将 要 前 往 的 详细 页 面 改 为 type_del.asp， 如 图 6-85 
所 示 。 
i i Cm 
| 根据 字段 ype_id 的 1 二 变量 为 ee 3 
1 值 转 到 type_del.asp WE 
! 的 详细 页 面 4 | 
图 6-85 “ 转 到 详细 页 面 ”对 话 框 
20 后 台 管 理 是 管理 员 在 后 台 管 理 入 口 页 面 Ts 
admin loginasp 输入 正确 的 账号 和 密码 才 可 以 进入 的 一 | 
个 页 面 ， 所 以 必须 设置 限制 对 本 页 的 访问 功能 。 单 击 “ 应 E 
用 程序 ”面板 组 中 “服务 器 行为 ”面板 中 的 外 按钮 ， 在 pee 
弹出 的 菜单 中 选择 “用 户 身 份 验证 ”|“ 限 制 对 页 的 访问 ” Pea 
选项 ， 如 图 6-86 所 示 。 er 
21 在 打开 的 “限制 对 页 的 访问 ”对 话 框 中 , 将 “ 基 po 
于 以 下 内 容 进行 限制 ”设置 为 “用 户 名 和 密码 ”如果 访 | ee Eee 
问 被 拒绝 ， 就 转 到 首页 index.asp， 如 图 6-87 所 示 。 E NE 





图 6-86 选择 “限制 对 页 的 访问 ”选项 
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| 
MR RA + 一 呐 如 果 不 是 在 admin login.asp | 
pe 总 本 | ， 输 入 账号 和 密码 而 进入 这 个 1 

1 页 面 将 直接 拒绝 访问 ， 并 自 

加 采访 及 绝 ， 列 轩 到 /inex zp 医 吕 动 转 到 首页 index.asp ! 





图 6-87 “限制 对 页 的 访问 ”对 话 框 
22 单 击 “确定 ”按钮 ， 就 完成 了 后 人 台 管 理 主页 面 admin.asp 的 制作 。 


6.4.3 ”新 增 新 闻 页 面 








新 增 新 闻 页 面 news_add.asp 设 计 的 页 面 效 果 如 图 6-88 所 示 ， 主 要 是 实现 插入 新 闻 的 功能 。 





















































本 
| ©- @ nepyazroolnews ddasp Bp- scx 
Biewaro x| | 
文件 昌 。 篇 锯 (E) ， 坦 看 (V) 收藏 夫 (A) 工具 (T) 帮助 (H) 
管理 员 ， 你 好 ! 请 你 添加 新 闻 ! 
后 辣 分 类 :| 国际 新 闻 [= 。 作者 : 
i 内容 : 
[ 涩 送 ] ”| 重 写 | 融 * 昌 为 必 博 项 目 
巧 100% 
图 6-88 新 增 新 闻 页 面 设 计 
详细 操作 步骤 如 下 : 


01 创建 news_add.asp 页 面 ， 并 单 击 “ 绑 定 ” 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 





集 (查询 )” 选项， 在 打开 的 “记录 集 ” 对 话 框 中 ， 输 入 设 定 值 如 表 6-12 所 示 的 数据 ， 
定 ” 按 钮 后 完成 设置 ， 如 图 6-89 所 示 。 


表 6-12 “记录 集 ” 的 表格 设 定 

















再 单 和 


上 6“ 确 














属性 | 设置 什 属性 | 设置 什 
名 称 | Recordsetl 列 | 全 部 
连接 | connnews 筛选 | 无 
表格 | newstype 排序 | 无 
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区 Recordsetl  __L_------- RS 
连接 [cennnens 习 EERa ! 选择 connnews 数据 | 
二 ED Cm 1 源 中 的 newstype 数 ! 
5 < 亲口 的 | 1 据 表 中 的 全 部 字段 
列国 全 部 刁 选 证 的 : 1 Gl 1 
EE 车 丽 司 | 。 1 建立 记录 集 查询 ! 
后 i i 1 
“EE 
WRL 参数 
排序 天 二 = 了 [ 拓 FF 














图 6-89 “记录 集 ” 对 话 框 
02 绑 定 记 录 集 后 ， 单 击 “ 新 闻 分 类 ”的 列表 菜单 ， 在 “新 闻 分 类 ”的 列表 菜单 “属性 ” 面 
板 中 ， 单 击 区 “和 效 -] 按 钮 ， 在 打开 的 “动态 列表 /菜单 ”对 话 框 中 设置 如 表 6-13 所 示 的 数据 ， 设 
置 完成 后 如 图 6-90 所 示 。 关 于 标签 设置 的 “动态 数据 ”对 话 框 如 图 6-91 所 示 。 














表 6-13 “动态 列表 /菜单 ”的 表格 设 定 

















可 六 [nevs_type” 在 表单 "forml” -] 
萝 右 迁 项 十 | 一] 回回 Cn] 
值 标签 
用 自 记录 的 千 项 [Recordsetl | r----------- 
本 四 一- 一- 了 -1 动态 字段 的 绑 定 1! 
和 标 答 ”| type_nane | 1 





选取 值 等于。 <%= (Recordset1.Fields. Iten( 到 





图 6-90 “动态 列表 /菜单 ”对 话 框 
03 单 击 “ 确 定 ” 按 钮 ， 完 成 动态 数据 的 绑 定 。 在 news_add.asp 编辑 页 面 中 ， 再 次 单 击 “ 应 
用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 办 按钮， 在 弹出 的 菜单 中 选择 “插入 记录 ”选项 ， 如 
图 6-92 所 示 。 
04 在 “插入 记录 ”的 设 定 对 话 框 中 ， 输 入 如 表 6-14 所 示 的 数据 ， 并 设 定 “ 插 入 后 ， 转 到 ” 
后 合 管理 主页 面 admin.asp， 如 图 6-93 所 示 。 
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图 6-91 “动态 数据 ”对 话 框 图 6-92 选择 “插入 记录 ”选项 
表 6-14 “插入 记录 ”的 表格 设 定 


EE ET 
[插入 到 表格 [news 
EE | 


1 将 表单 里 输入 的 数据 
| 插入 news 数据 表 中 , 插 | 
! 入 后 转 到 admin.asp 页 面 ! 








2 表单 中 的 文本 域名 
! 称 和 插入 到 数据 表 中 的 ! 
| 字段 相对 应 ! 











图 6-93 “插入 记录 ”对 话 框 
05 单 击 “确定 ”按钮 完成 插入 记录 功能 ， 执 行 菜单 “窗口 ”|“ 行 为” 命令， 打开 “行为 ” 
面板 。 单 击 “ 行 为 ”面板 上 的 处 按钮， 在 弹出 的 菜单 中 选择 “检查 表单 ”选项 ， 打 开 “ 检 查 表单 ” 
对 话 框 ， 设 置 “ 值 ”为 “必需 的 ^“ 可 接受 ”为 “任何 东西 >， 如 图 6-94 所 示 。 























图 6-94 “检查 表单 ”对 话 框 





06 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 就 完成 了 news_add.asp 页 面 的 设计 。 
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6.4.4 修改 新 闻 页 面 


修改 新 闻 页 面 news_upd.asp 的 主要 功能 是 将 数据 表 中 的 数据 送 到 页 面 的 表单 中 进行 修改 ， 
修改 数据 后 再 将 数据 更 新 到 数据 表 中 ， 页 面 设计 如 图 6-95 所 示 。 








区 EE 











图 6-95 ”修改 新 闻 页 面 设计 
详细 操作 步骤 如 下 : 


01 打开 news_upd.asp 页 面 ， 单 击 “ 应 用 程序 ”面板 组 中 的 “ 绑 定 ” 面 板 上 的 四 按钮 ， 在 弹 
出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 ， 输 入 设 定 值 如 表 6-15 所 
示 的 数据 ， 再 单 击 “ 确 定 ” 按 钮 后 完成 设置 ， 如 图 6-96 所 示 。 





表 6-15 “记录 集 ” 的 表格 设 定 
mw | 


ET Bde id 一 、URL 参 数 ,news id 








名 称 : Recordset1 

















! 根据 前 面 所 传递 ， 
的 news id 参数 | 
| 进行 筛选 ! 























图 6-96 “记录 集 ” 对 话 框 
02 用 同样 的 方法 再 绑 定 一 个 记录 集 Recordset2， 在 “记录 集 ” 的 设 定 对 话 框 中 输入 如 表 6-16 
































所 示 的 数据 ， 用 于 实现 下 拉 列 表 框 动态 数据 的 绑 定 ， 再 单 击 “ 确 定 ”按钮 完成 设置 ， 如 图 6-97 所 


示 。 
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表 6-16 “记录 集 ” 的 表格 设 定 














属性 | 设置 什 属性 | 设置 什 
名 称 Recordset2 列 | 全 部 
连接 connnews 筛选 器 | 无 
表格 newstype 排序 | 无 



































1 选择 connnews 数据 源 中 的 | 
newstype 数据 表 中 的 全 部 | 
字段 建立 记录 集 查询 | 























图 6-97 “记录 集 ” 对 话 框 
03 绑 定 记录 集 后 , 将 记录 集 的 字段 插入 至 news_upd.asp 网 页 中 的 适当 位 置 , 如 图 6-98 所 示 。 






































管理 员 ， 作 好 4 请 你 修改 新 天 
mm: |[ [Rocordootl. rowe title} 
am 
| 新闻 分 并: LM ele 
{Kecordsst1,. news_content} ~ 
内 失 : 
E73 Es 
图 6-98 字段 的 插入 
04 在 “更 新 时 间 ” 一 栏 中 必须 取得 系统 的 最 新 时 间 ， 方 法 是 在 “更 新 时 间 ” 的 文本 域 属性 


栏 中 的 初始 值 中 加 入 代码 <%=now0%>， 如 图 6-99 所 示 。 
<%=now()%> // 取 得 系统 当前 时 间 








盛装 字 罕 宽度 WD 可 类 型 回音 行 @J。 口 多 行 加 口才 喝 中 美加 | 无 > 
一 pers_date | 。 最 多 字符 数 初 加 入 QD) [onor Ox》 J 
OD 期 W 
口 只 读 旭 





图 6-99 加 入 代码 取得 最 新 时 间 


05 单 击 “ 新 闻 分 类 ”的 列表 菜单 , 在 “新 闻 分 类 ”的 列表 菜单 “属性 ”面板 中 , 单 击 区 六 .| 
按钮 ， 在 打开 的 “动态 列表 /菜单 ”对 话 框 中 设置 如 表 6-17 所 示 的 数据 ， 如 图 6-100 所 示 。 
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表 6-17 “动态 列表 /菜单 ”的 表格 设 定 


































































































属性 设置 值 
来 自 记 录 集 的 选项 Recordset2 
值 type id 
标签 type_name 
选取 值 等 于 Recordsetl 记录 集中 的 news_type 字 段 
06 完成 表单 的 布置 后 ， 在 news_upd.asp 页 面 中 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ” 
面板 上 的 办 按钮， 在 弹出 的 菜单 中 选择 “更 新 记录 ”选项 ， 如 图 6-101 所 示 。 
和 
村 入: [rnevs te 在 表单 “Fornl” a 
BR] 
欧 而 选项 [让] 三] 名 
值 相符 本 
来自 记 条 和 集 的 选项 [Racerdsez | 
标 和 | 
法 取 值 等 于 ，《W= (Recordset1, Pields. Iten( 到 
动 芒 机 音 元素 » 
用 户 身份 闪 正 » 
图 6-100 绑 定 “动态 列表 /菜单 ” 图 6-101 加 入 “更 新 记录 ” 


07 在 打开 的 “更 新 记录 ”的 设 定 对 话 框 中 ， 输 入 如 表 6-18 所 示 的 值 ， 如 图 6-102 所 示 。 





表 6-18 “更 新 记录 ”的 表格 设 定 




















属性 设置 值 
连接 connnews 
要 更 新 的 表格 news 
选取 记录 自 Recordsetl 
唯一 键 列 news_id 
在 更 新 后 ， 转 到 admin.asp 
获取 值 自 forml 
表单 元 素 表单 字段 与 数据 表 字 段 相对 应 
于 要 
--------- se eg -要 ] 
全 将 表单 里 给 1--- | 3 | 
i ， 
;入 的 数据 更 新 -! 2. 表单 中 的 文本 域名 | 
和 ! 称 要 和 插入 到 数据 表 | 
1 中, 更 新 后 转 到 | 1 中 的 字段 相对 应 。 1! 
admin.asp 页 面 ! ! ee 
L 











图 6-102 “更 新 记录 ”对 话 框 





新 闻 发 布 系统 开发 第 6 党 








08 单 击 “确定 ”按钮 ， 完 成 修改 新 闻 页 面 的 设计 。 
6.4.5 ”删除 新 闻 页 面 


删除 新 闻 页 面 的 方法 与 修改 页 面 的 方法 差不多 ， 如 图 6-103 所 示 。 其 方法 是 将 表单 中 的 数 
据 从 站 点 的 数据 表 中 删除 。 








疡 闻 内 容 


E23 
图 6-103 删除 新 闻 页 面 的 设计 


详细 操作 步骤 如 下 : 

01 打开 news_del.asp 页 面 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 办 按钮， 接着 在 
弹出 的 菜单 中 选择 “记录 集 查询)” 选项， 在 打开 的 “记录 集 ” 对 话 框 中 ， 输 入 设 定 值 如 表 6-19 
所 示 的 数据 ， 再 单 击 “确定 ”按钮 后 完成 设置 ， 如 图 6-104 所 示 。 





























表 6-19 “记录 集 (查询 ) ”的 表格 设 定 


[IE CR TE 


me news id 一 、URL 参 数 、news id 

















名 称 -Recordsetil LE 
Ca 
Fi 
[CE ] 
EE 
F=========== 1 
ts = ! 根据 前 面 所 传递 | 
| 的 new id 参数 | 
全 折 区 加 [到 ! 行 筛选 | 





图 6-104 “记录 集 ” 对 话 框 
02 用 同样 的 方法 再 绑 定 一 个 记录 集 ， 在 打开 的 “记录 集 ” 对 话 框 中 ， 输 入 设 定 值 如 表 6-20 
所 示 的 数据 ， 单 击 “ 确 定 ”按钮 后 完成 设置 ， 如 图 6-105 所 示 。 
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表 6-20 “记录 集 ” 的 表格 设 定 
属性 | 设置 什 属性 | 设置 什 
名 称 | Recordset2 列 | 全 部 
连接 | connnews 得 先 | 无 
表格 | newstype 排序 | 无 
记录 于 
Se = ee | 上 = FE 四 选择 connnews 数据 源 |! 
i ! 中 的 newstype 数据 表 中 | 
RICE ! 的 全 部 字段 建立 记录 集 |! 
[ee 1 查询 1 








图 6-105 


03 绑 定 记 录 集 后 , 将 记录 集 的 字段 插入 至 news_del.asp 网 页 中 的 适当 位 置 , 如 图 


管理 员 ， 你 好 ?你 要 山 除 此 新 闻 吗 ? 








新 闻 标题 : ecordsetl. nows tit1e] 

新 闻 分 类 司 作者: [Recordsetl 
TRecordsetl. news_content] — — 

新 闻 内 容 : 





“记录 集 ” 对 话 框 





6-106 所 示 。 











EE 了， 将 绑 定 的 字段 插入 ! 
， 到 页 面 的 适当 位 置 





图 6-106 字段 的 插入 
04 绑 定 记录 集 后 ， 单 击 “ 新 闻 分 类 ”的 菜单 ， 在 “新 闻 分 类 ”的 菜单 “属性 ”面板 中 ， 单 





























击 区 ， 旨 攻 按钮 ， 在 打开 的 “动态 列表 /菜单 ”对 话 框 中 设置 如 表 6-21 所 示 的 数据 ， 如 图 6-107 
所 示 。 
表 6-21 “动态 列表 /菜单 ”的 表格 设 定 

属性 设置 值 

来 自 记 录 集 的 选项 Recordset2 

值 type_id 

标签 type_name 

选取 值 等 于 Recordsetl 记录 集中 的 news_type 字 段 
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于 在 于 al 巴 枉 站 
关机 国电 ES Ca] 
r rr EE | 
来 自 记 条约 进项 [Recordset2 =] 
年 [epeia 
He [ea 
进取 舍 著 于 <%= (Recordset1.Fields. Iten( 到 








图 6-107 绑 定 “ 动 态 列表 /菜单 ” 


05 完成 表单 的 布置 后 ， 要 在 news_del.asp 页 面 中 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ” 
面板 上 的 内 按钮， 在 弹出 的 菜单 中 选择 “删除 记录 ”选项 ， 在 打开 的 “删除 记录 ”对 话 框 中 ， 输 
入 表 6-22 所 示 的 设 定 值 ， 如 图 6-108 所 示 。 














表 6-22 “删除 记录 ” 设 定 




















属性 | 属性 ”| 设置 值 
连接 [eonmews | news_id 
从 表格 中 删除 | news ”|| 提交 此 表单 以 删除 forml 
选取 记录 自 删除 后 ， 转 到 admin.asp 

| tt 赴 | i -一 

! 提交 forml 表单 时 对 1 二 Se 

! news 数据 表 中 的 相应 ! | | 

1 数据 进行 删除 ， 删 除 ! dd 半生 

2 1 | 

! 后 转 到 admin.asp l 加 除 后 ， 转 到 -adnin. asp [ET | 





图 6-108 “删除 记录 ”对 话 框 
06 单 击 “ 确 定 ”按钮 ， 完 成 删除 新 闻 页 面 的 设计 。 


6.4.6 ”新 增 新 闻 分 类 页 面 

















新 增 新 闻 分 类 页 面 type_add.asp 的 功能 是 将 页 面 管理 员 ! 请 你 添加 新 闻 分 类 ! 
的 表单 数据 新 增 到 newstype 数 据 表 中 , 页 面 设计 如 图 ”| 和 外 
6-109 示 。 
详细 操作 步骤 如 下 : 图 6-109 新 增 新 闻 分 类 页 面 设计 











01 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 插 
入 记录 ”选项 ， 在 打开 的 “插入 记录 ”对 话 框 中 ， 输 入 设 定 值 如 表 6-23 所 示 的 数据 ， 并 设 定 新 增 
数据 后 转 到 系统 管理 主页 面 admin.asp， 如 图 6-110 所 示 。 
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表 6-23 “插入 记录 ”的 表格 设 定 



































到 admin.asp 页 面 


属性 设置 值 

连接 connnews 

插入 到 表格 newstype 

插入 后 ， 转 到 admin.asp 

获取 值 自 forml 

表单 元 素 表单 字段 与 数据 表 字 段 相 对 应 

手 入 记录 [| 
r------------ | = {rp 二 二 
1 将 表单 里 输入 的 数 和 各 aa Eaaaaa [Em 
! 据 插入 newstype 数 | 手 入 后 转 到 -adainv asp 王妃 Cm 
获取 值 外 [forml |( 在 当 交 时 ) 

! 据 表 中 ， 插 入 后 转 ! | 
1 1 
上 1 








图 6-110 设 定 “ 插 入 记录 ” 
02 选择 表单 执行 菜单 “窗口 ”| “行为” 命令, 打 

开 “ 行 为 ”面板 ， 单 击 “ 行 为 ”面板 中 的 外 按钮 ， 在 弹 

出 的 菜单 中 选择 “检查 表单 ”选项 ， 打 开 “ 检 查 表单 ” 

对 话 框 ， 设 置 “ 值 ”为 “必需 的 “可 接受 ”为 “任何 

东西 >， 如 图 6-111 所 示 。 ni i 
03 单 击 “ 确 定 ” 按 钮 ， 完 成 type_add.asp 页 面 设 

条 

6.4.7 修改 新 闻 分 类 页 面 
修改 新 闻 分 类 页 面 type_upd.asp 的 功能 是 将 数据 表 的 数据 送 到 页 面 的 表单 中 进行 修改 ， 修 

改 数据 后 再 更 新 至 数据 表 中 。 页 面 设计 如 图 6-112 所 示 。 


管理 员 ! 请 你 修改 新 闻 分 类 ! 
分 类 名 称 : 。 | 国际 新 闻 


匿 5] 
图 6-112 修改 新 闻 分 类 页 面 设计 




















全 站 [Ea 


























图 6-111 设置 “检查 表单 ”对 话 框 











详细 操作 步骤 如 下 : 


01 打开 type_upd.asp 页 面 ， 并 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 轩 按 钮 。 接 着 
在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 打 开 “ 记 录 集 ”对 话 框 ， 在 打开 的 “记录 集 ” 对 话 
框 中 ， 输 入 设 定 值 如 表 6-24 所 示 ， 单 击 “ 确 定 ” 按 钮 后 完成 设置 ， 如 图 6-113 所 示 。 
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表 6-24 “记录 集 ” 的 表格 设 定 




















属性 | 设置 值 属性 设置 什 

名 称 | Recordsetl 列 全 部 

连接 connnews, 筛选 type_id、 二、URL 参 数 、type_id 
表格 newstype n 











图 6-113 “记录 集 ” 对 话 框 
02 绑 定 记录 集 后 ， 将 记录 集 的 字段 插入 type_upd.asp 网 页 中 的 适当 位 置 ， 如 图 6-114 所 示 。 








管理 员 ! 请 你 修改 新 闻 分 类 ! 
1 


分 类 名 称 : [Recordsetl.type_nanel ] 一 一 一 一 一 一 ~ 下 ~ 1 定 的 字 这 里 
ee 和 


图 6-114 字段 的 插入 


03 完成 表单 的 布置 后 ， 在 type_upd.asp 页 面 中 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ” 
面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “更 新 记录 ”选项 ， 在 打开 的 “更 新 记录 ”对 话 框 中 ， 输 
入 设 定 值 如 表 6-25 所 示 ， 设 定 后 如 图 6-115 所 示 。 

04 单 击 “ 确 定 ” 按 钮 ， 完 成 修改 新 闻 分 类 页 面 的 设计 。 


表 6-25 “更 新 记录 ”的 表格 设 定 



























































| eomews。 | 在 更 新 后 , 半 到 ET FS 
要 更 新 的 表格 newstype forml 
选取 记录 自 Fr 表单 元 素 表单 字段 与 数据 表 字 段 相 对 应 
[en | | | 
hed di 1 | 
l 将 表单 里 输入 的 数据 | = 
! 更 新 到 newstype 数据 ! ED 
1 表 中 ， 更 新 后 转 到 | et cae 
1 admin.asp 页 面 ! mme Eu | eax) 
"nn se es 
委 交 为 : 文本 3 











图 6-115 “更 新 记录 ”对 话 框 
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6.4.8 删除 新 闻 分 类 页 面 


删除 新 闻 分 类 页 面 type_del.asp 的 功能 是 将 表单 中 的 数据 从 站 点 的 数据 表 newstype 中 删除 。 

详细 操作 步骤 如 下 : 

01 打开 type_del.asp 页 面 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 外 按钮 ， 在 弹出 的 
菜单 中 选择 “命令 ”选项 ， 如 图 6-116 所 示 。 

02 在 打开 的 “命令 ”对 话 框 中 输入 如 表 6-26 所 示 的 数据 ， 单 击 “ 确 定 ” 按 钮 后 完成 设置 ， 
如 图 6-117 所 示 。 






























































表 6-26 “命令 ”的 表格 设 定 

| 属性 | 设置 什 属性 设置 值 
DELETE FROM newstype 
WHERE type id =typeid 
名 称 : typeid 











运行 值 : Cint(Trim(Request.Querystring ("type_id"))) 


DELETE FROM newstype 
// 从 newstype 数据 表 中 删除 
WHERE type id =typeid 
// 删 除 的 选择 条 件 为 type_id =typeid 





[中 -文人 性 类 型 ,ASP Vhseript 到 际 Fasaa 和 [Eee 本 [ER be 
记录 集 (查询 ) 



































动态 表单 元 素 » 
用 户 身份 验证 » 











图 6-116 选择 “命令 ”选项 图 6-117 “命令 ”对 话 框 


(7 在 SQL 语句 中 ,变量 名 称 不 要 与 字段 中 的 名 称 相同 ， 否 则 会 出 现 替换 错误 ， 这 个 
SQL 语句 是 从 数据 表 newstype 中 删除 type id 字段 和 从 type id 所 传 过 来 的 记录 ， 
Cint(Trim(Request.Querystring("type_id"))) 进 行 了 一 个 强制 转换 ,因为 type_id 字段 
是 自动 增 量 类 型 。 
03 单 击 “ 确 定 ” 按 钮 ， 完 成 “命令 ”设置 ， 在 删除 页 面 后 需要 转 到 admin.asp 页 面 ， 切 换 到 
“代码 ”窗口 ， 在 要 删除 的 命令 之 后 也 就 是 “%> ”之 前 加 入 代码 : Response.Redirect ("admin.asp")， 
这 样 就 完成 了 删除 新 闻 分 类 页 面 的 设置 ， 加 入 代码 效果 如 图 6-118 所 示 。 


请 
旨 

















新 闻 发 布 系统 开发 第 6 党 





Response.Redirect ("admin.asp") 
// 执 行 语句 后 转 到 admin.asp 页 面 
















ES 
‘WOLANGUMGE= "VBSCRIPT” CODEPACE= "936"%> 
inelude virrual=”/Comectione /eonrmens, sep” 一 














if (Cint (Irim(Reaucst, Qucrystrins (tye id])) © ™”) then Comendl_ typeid = Cint (Jrin(Requcst, Gucrystring (type 16"))) 


yy 
多 


set Comnendl = Server, Creatodejcct (ADUDG. Command") 

Cormandl, htiveConnection = WE conrnawe_STRING Pr 
Cormandl, CormandTert = "DELETE FRON nexstype WHERE typs id = ”+ Replace(Conmandl typeid “人 + 
Gormandl. CammandType = 1 

Cammandl.ComenaTimeout = 0 

Gormandl, Frepared = true 


tt 


ba 
<tDOCTIPE htgl PUBLIC “-//W3C//0TD XHTML 1.0 Transitionsl//EN” http:/ /men, wore/TR/zhtal 1 /DTD/zhtnl] -transitional, dtd”y 
Shtml xmlns=“http: f/m 3, ors/1999/shtrl > 


chead 

Cneta http-equiy="Content-Type” content="text/htal; charser=gb2312” /> 
<title> 守 加 关 型 </title> 

/head> 





frame height=0 /IFrame) 


图 6-118 加 入 代码 


至 此 , 一 个 功能 完善 、 实 用 的 网 站 新 闻 发 布 系统 开发 完毕 。 读 者 可 以 将 本 章 开发 新 闻 发 布 
系统 的 方法 应 用 到 实际 的 大 型 网 站 建设 中 。 


第 7 章 留言 板 管 理 系 统 开发 


留言 板 可 以 实现 网 站 站 主 与 访客 之 间 的 沟通 , 收集 访客 的 意见 和 信息 , 也 是 网 站 建设 必 不 
可 少 的 一 个 重要 系统 。 本 章 将 利用 Dreamweaver CC 中 的 “插入 记录 ”和 “查询 ”记录 集 命令 ， 
轻松 实现 留言 和 查询 留言 的 动态 管理 功能 。 

本 章 要 制作 的 留言 板 管理 系统 的 网 页 及 网 页 结构 如 图 7-1 所 示 。 


留言 板 管理 系统 
















mm 


图 7-1 系统 结构 图 





本 章 重要 知识 点 >>>>>>>>>> 


留言 板 管理 系统 的 结构 搭建 

创建 数据 库 和 数据 库 表 

建立 数据 源 连 接 

掌握 留言 板 管理 系统 中 创建 各 种 页 面 及 页 面 之 间 传 递 信息 的 技巧 和 方法 
留言 板 管理 系统 常用 功能 的 设计 与 实现 

留言 板 管理 系统 中 验证 码 的 调用 


7.1 系统 的 整体 设计 规划 
留言 板 在 功能 上 主要 表现 为 如 何 显示 留言 ， 如 何 对 留言 进行 审核 、 回 复 、 修 改 和 删除 ， 所 


以 一 个 完整 的 留言 板 管理 系统 分 为 访问 者 留言 模块 和 管理 者 登录 模块 两 部 分 ， 共 有 8 个 页 面 ， 
各 页 面 的 功能 与 对 应 的 文件 名 称 如 表 7-1 所 示 。 
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7.1.1 页 面 设 计 规 划 


完成 留言 板 管理 系统 的 整体 规划 后 ， 
制作 的 留言 板 系统 文件 夹 及 文件 如 图 7-2 所 示 。 





7.1.2 页 面 美工 设计 





果 如 图 7-3 所 示 。 





表 7-1 留言 板 管理 系统 网 页 表 
页 面 名 称 功能 
index.asp 留言 内 容 显示 页 面 ， 显 示 留 言 内 容 和 管理 者 回复 内 容 
book.asp 留言 页 面 ， 提 供用 户 发 表 留 言 的 页 面 
GetCode.asp 验证 码 生成 图 片 页 面 
Nocheckcode.asp 存储 验证 码 页 面 
admin login.asp 管理 者 登录 入 口 页 面 ， 是 管理 者 登录 留言 板 系统 的 入 口 页 面 
admin.asp 后 台 管 理 主页 面 ， 是 管理 者 对 留言 的 内 容 进行 管理 的 页 面 
reply.asp 回复 留言 页 面 ， 是 管理 者 对 留言 内 容 进 行 回复 的 页 面 
delbook.asp 删除 留言 页 面 ， 是 管理 者 对 一 些 非 法 或 不 文明 留言 进行 删除 的 页 面 


可 以 在 本 地 站 点 上 建立 站 点 文件 来 guestbook， 将 要 














1 
3 1 
相关 文件 都 在 这 ! 
个 文件 夹 中 1 





图 7-2 站 点 规划 文件 


网 页 美工 方面 ， 主 要 设计 了 首页 和 次 级 页 面 ， 采 用 的 是 “拐角 型 ”布局 结构 ， 留 言 页 面 效 











fae 

ES 

各 证 本 5 
二 jn 





mm 留言 内 容 ， mm 


Es) 。 【天 











图 7-3 留言 页 面 的 设计 
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7.2 数据 库 设计 与 连接 


本 节 主 要 讲述 如 何 使 用 Access 建 立 用 户 管理 系统 的 数据 库 ， 如 何 使 用 ODBC 在 数据 库 与 网 
站 之 间 建 立 动态 链接 。 


7.2.1 数据 库 设计 


制作 留言 板 管理 系统 , 首先 要 设计 一 个 存储 访问 者 留言 内 容 、 管理 员 对 留言 信息 的 回复 以 
及 管理 员 账 号 、 密 码 的 数据 库 文件 ,以 方便 管理 和 使 用 。 所 以 本 数据 库 包括 “ 
和 “管理 员 资 料 信息 表 ” 两 个 数据 表 ，“ 留 言 信 息 意 见 表 ” 命 名 为 gbook，“ 管 理 理 员 资 料 信息 
表 ” 命 名 为 admin。 创 建 的 留言 信息 意见 表 gbook 的 数据 库 表 效果 如 图 7-4 Wi 















字 开 各 答 - 3 数据 类 型 决定 下 | 

了 如 何 将 代表 这 | 

/9 ! 些 些 值 的 位 存储 到 1! 

2 1 计算 机 的 内 存 中 1 

全 Sas pr 

Wii “一 14 对 字段 的 使 用 

| l 说 明 1 

12. 数 据 库 中 用 到 | ET ! 
| 的 字段 名 称 ! 各 = 








图 7-4 创建 数据 库 
创建 Access 数 据 库 的 详细 步 又 如 下 : 
01 对 访问 者 的 留言 内 容 做 一 个 全 面 的 分 析 ， 设 计 gbook 的 字段 结构 如 表 7-2 所 示 。 
表 7-2 留言 信息 意见 表 gbook 
















































































意义 必 填 字段 允许 空 字符 串 
留言 ID 自动 编号 

留言 主题 是 否 
留言 人 姓名 是 

留言 人 QQ 是 

留言 人 邮箱 i 文本 是 

留言 内 容 content 备注 是 否 
管理 员 留 言 回 复 内 容 reply 文本 是 否 
留言 时 间 date 日 期 /时 间 

可 复 时 间 日 期 /时 间 

留言 者 JP 地址 文本 是 否 
留言 是 否 通 过 passid 是 / 否 
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【分 “是 / 否 ”字段 是 针对 菜 一 字段 中 只 包含 两 个 不 同 的 可 选 值 而 设立 的 字段 ,通过 “是 
ch。 / 否 ” 数据 类 型 的 格式 特性 ， 用 户 可 以 对 “是 / 否 ”字段 进行 选择 。 此 例 中 管理 者 
提 示 ”可 以 通过 passid 字段 对 留言 审核 是 否 通过 进行 标注 。 


02 在 Microsoft Access 2010 中 实现 数据 库 的 搭建 ， 首 先 运行 Microsoft Access 2010 程序 。 然 





后 单 击 “ 空 数据 库 ” 按 钮 ， 





在 主 界面 的 右 侧 打开 “ 空 数据 库 ” 面 板 ， 如 图 7-5 所 示 。 











We rene am .8 
= | I 江 
E 男 避 上 1 单 击 这 里 选择 存储 
人 sa ,人 数据 库 位 轩 | 
a 十 | 轩 
Da ps 二 
人 说 _.， 2. 单 击 “创建 " 按钮 | 
一 = ! 开始 创建 数据 表 














图 7-5 打开 “ 空 数据 库 ” 面 板 


03 先 创建 用 于 存放 主要 内 容 的 常用 文件 来， 如 images 文件 夹 和 mdb 文件 来， 完成 后 的 文件 


夹 如 图 7-6 所 示 。 














GO 上 “ 文生 本 地 站 点 guestbook 》 [| Be ovesiboot 


引 织 ” 共享 ”新疆 件 大 强 ~  @ 





P| 


排列 方式 ， 文 件 灾 ~ 


| 
! 为 了 方便 使 用 先 ! 
| ! 建立 几 个 常用 的 文 | 

| 件 天 来 存放 文件 








04 建立 好 常用 文件 来 


图 7-6 建立 常用 的 文件 夹 
后 ,开始 进行 Access 数据 库 设计 ， 单 击 “ 空 数据 库 ” 面 板 上 的 贺 按 钮 ， 





打开 “文件 新 建 数 据 库 ” 对 话 框 ， 在 “保存 位 置 ” 下 拉 列 表 框 中 选择 站 点 guestbook 文件 中 的 mdb 
文件 夹 ,在 “文件 名 ”文本 框 中 输入 文件 名 为 gbook.mdb, 在 “保存 类 型 ”下 拉 列 表 框 中 选择 “Microsoft 
Access 数据 库 (2002-2003 格式 ) (*.mdb)”， 如 图 7-7 所 示 。 


*。 165。 
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图 7-7 “文件 新 建 数据 库 ” 对 话 框 
05 单 击 “ 确 定 ”按钮 返回 “ 空 数据 库 ” 面 板 ， 再 单 击 “ 空 数据 库 ” 面 板 中 的 “创建 ” 按 
钮 , 即 可 在 Microsoft Access 中 创建 gbook.mdb 文件 ,同时 Microsoft Access 会 自动 生成 一 个 名 为 “ 表 
1” 的 数据 表 ， 如 图 7-8 所 示 。 
06 在 “ 表 1” 数 据 表 上 单 击 鼠标 右键 , 在 弹出 的 快捷 菜单 中 选择 “设计 视图 ”命令 , 打开 “ 另 
存 为 ”对 话 框 ， 在 “ 表 名 称 ” 文 本 框 中 输入 数据 表 名 称 gbook， 如 图 7-9 所 示 。 





























7-8 创建 的 默认 数据 表 7-9 设置 表 名 称 
07 创建 的 gbook 数据 表 如 图 7-10 所 示 。 



















Er 
入 a 
= 辣 
吾 Ey Els 
eis Ba EH 
Es wa 
ee 仁 Fa 
br 莲 二 
| 
EE a EEE 

















7-10 建立 gbook 数据 表 
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， 完 成 后 如 图 7-11 所 示 。 


08 按 表 7-2 输入 字段 名 并 设置 其 属性 











图 7-11 创建 表 的 字段 


在 此 数据 库 中 设置 了 一 个 reply 管理 权限 ， 是 为 了 防止 不 健康 的 留言 显示 出 来 ， 
提示 管理 员 可 以 通过 此 功能 对 网 站 中 的 留言 进行 管理 。 
09 双击 国 gbeok 先 项， 打开 gbook 数据 表 , 为 了 方便 访问 者 访问 ,可 以 在 数据 库 中 预先 编辑 
一 些 记录 对 象 ， 效 果 如 图 7-12 所 示 。 









RS wm subject ~ content -| reply ~ 
“可 以 详细 过 电 让 我 的 起 加 盟 众 公司 1 详细} 

1 向 数据 表 中 添加 数据 ， 其 中 1- "古寺 2 天 | 

1 人 公司 和夫 和 的 人! 和 人 

1 passid 勾 选 的 表示 ! EE 那里 了 京 

让 字段 中 已 色 选 的 表示 | 列 从 中心 测 这 中 必 现 和 人 

1 已 通 过 管理 员 的 审核 ! A 8 

上 





EE 


11111111 2012/8 
a 人 测试 留言 板 功 琢 旺 否 正 磊 济 试 留 | 测试 回复 功能 2012/3/16 13:29:09 
昌 (新 建 ) 2015/9/16 13:27:09， 


图 7-12 gbook 中 输入 的 记录 


一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 和 


CY passid 表 中 已 弥 选 的 表示 通过 ， 没 勾 选 的 表示 没 通过 。 
提 示 


10 用 同样 的 方法 ， 再 建立 一 个 Access 数据 库 ， 并 命名 为 admin， 最 终结 果 如 图 7-13 所 示 。 







字段 名 称 数据 类 型 说 明 

ID 自动 编号 自动 生成 编号 
usernane 文本 管理 员 账 号 
password 文本 管理 员 密码 


图 7-13 数据 库 adtmin 


1 编辑 完成 后 ， 为 了 方便 管理 员 进 入 管理 ， 可 以 在 数据 库 中 预先 编辑 一 些 记 录 对 象 ， 设 置 
好 账号 密码 。 单 击 “ 保 存 ” 按 钮 回 退 出， 然后 关闭 Access 软件 ， 从 而 完成 数据 库 的 创建 。 


7.2.2 创建 数据 库 连 接 


数据 库 编辑 完成 后 , 必须 与 网 站 进行 数据 库 连接 , 才能 实现 用 数据 库 内 容 动态 更 新 网 页 的 
效果 。 具 体操 作 时 ， 则 体现 为 建立 数据 源 连 接 对 象 。 本 节 介绍 在 Dreamweaver 中 利用 ODBC 连 
接 数 据 库 的 方法 。 操 作 过 程 中 应 特别 注意 参数 的 设置 。 

具体 的 操作 步骤 如 下 : 








。167。 
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01 在 Windows 操作 系统 中 依次 选择 “控制 面板 ”| “管理 工具 ”| “数据 源 (ODBC)”|“ 系 
统 DSN” 命 令 ， 如 图 7-14 所 示 。 



































ye Re ET El 
1 1 打开 “系统 DSN” 上 - ~ en [aie i 

1 选项 卡 ， 进 入 DSN ! 2 es | 
! 设置 页 面 |e 1; 2. 单 击 “添加 CD)” 按 ! 
htt 匡 可 ! 钮 ， 添 加 DSN 数据 源 |! 








| 











[ER 测 e] [5 用 上，] a) 











图 7-14 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 项 卡 


02 在 图 7-14 中 单 击 “ 添 加 (D)” 按 钮 后 ， 打 开 “ 创 建新 数据 源 ” 对 话 框 ， 在 “创建 新 数据 
源 ” 对 话 框 中 ， 选 择 Driver do Microsoft Access (*.mdb) 选项 ， 如 图 7-15 所 示 。 


1 
1]-- 1 选择 数据 库 类 型 | 
1 为 Access， 后 级 ' 
! 为 .mdb 的 数据 库 1 
1 





| 








7-15 ”创建 数据 源 


03 单 击 “ 完 成 ”按钮 打开“ODBC Microsoft Access 安装 ”对 话 框 ， 在 “数据 源 名 (N)” 
文本 框 中 输入 connbooks， 如 图 7-16 所 示 。 














图 7-16 选择 数据 库 


04 单 击 “ 选 择 (S)” 按 钮 打开“ 选择 数据 库 ” 对 话 框 。 在 “驱动 器 (V)” 下 拉 列 表 框 中 
找到 在 创建 数据 库 步骤 中 数据 库 所 在 的 盘 符 ， 在 “目录 (D)” 中 找到 在 创建 数据 库 步骤 中 保存 数 
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据 库 的 文件 来， 然后 单 击 左上 方 “数据 库 名 (A)” 选 项 组 中 的 数据 库 文件 gbook.mdb， 则 数据 库 名 















































称 自动 添加 到 “数据 库 名 (A)” 下 的 文本 框 中 。 文 件 路 径 和 相关 设置 如 图 7-17 所 示 。 
国人 和 
di\guestbook\ndb 2. 选 择 保存 数据 ] 

S ! 库 的 目录 ! 
a de 1 
_.4 1 指定 保存 数据 ! 
! 库 的 驱动 器 盘 符 1 
图 7-17 选择 数据 库 
05 找到 数据 库 后 ， 单 击 “ 确 定 ”按钮 ， 
返回 到 “ODBC 数据 源 管理 器 ”中 的 “系统 a 
DSN” 选 项 卡 中 。 此 时 看 到 在 “系统 数据 源 ” | 人 a 








中 已 经 添加 了 名 称 为 connbooks、 驱 动 程序 为 
Driver do Microsoft Access (*.mdb) 的 系统 数 
据 源 ， 如 图 7-18 所 示 。 

06 设置 好 后 ， 单 击 “ 确 定 ”按钮 退出 ， 


EE Driver do Nicrosost Access Cd) me 
.| 








完成 “ODBC 数据 源 管理 器 ”中 “系统 DSN” -7 
选项 卡 的 设置 。 EE [二 





07 启动 Dreamweaver CC, 执行 菜单 “ 文 _ 
件 ”| “新 建 ”命令 , 打开 “新 建文 档 ”对 话 框 ， 图 7-18 “ODBC 数据 源 管理 器 ”对 话 框 
在 “页 面 类 型 ”选项 卡 中 选择 HTML 选项 , 单 击 “ 创 建 ” 按 钮 , 在 网 站 根 目录 下 新 建 一 个 名 为 index.asp 
的 网 页 并 保存 ， 如 图 7-19 所 示 。 

08 设置 好 “站 点 ”“ 文 档 类 型 ”““ 测 试 服务 器 ”， 在 Dreamweaver CC 中 执行 菜单 “文件 ”|“ 窗 
口 ”| “数据库 ” 命 令 ， 打 开 “ 数 据 库 ” 面板， 单 击 “ 数 据 库 ”面板 中 的 外 按钮 ， 在 弹出 的 菜单 中 
选择 “数据 源 名 称 (DSN)” 选 项 ， 如 图 7-20 所 示 。 





1 
/tw | 








BT A Documents C Hre* htmle” shime” shimh" abeml she” ssi isson appeache 2m 














| 
和 自 定义 连接 字符 审 
ee EE = Cw | 加 ms) 
图 7-19 建立 首页 并 保存 图 7-20 选择 “数据 源 名 称 DSN )” 选 项 
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09 打开 “数据 源 名 称 (DSN)” 对 话 框 ， 在 “连接 名 称 ” 文 本 框 中 输入 “conngbook”， 单 击 
“数据 源 名 称 (DSN)” 下 拉 列 表 框 右边 的 三 角 按 钮 弹 ,从 打开 的 下 拉 列 表 中 选择 connbooks 选项 ， 
其 他 选项 保持 默认 值 ， 如 图 7-21 所 示 。 














数据 到 名 称 (DSN): [eonnbooks 让 “| 完 充 下 | 一 一 一 --1 2. 选择 刚 设 ! 
= 1 2. 
! 置 的 数据 源 1 











Dreamweaver 应 连接 - 使 用 测试 卫 务 器 上 的 DSN 
司 使 用 本 地 DSN 





图 7-21 “数据 源 名 称 (DSN)” 对 话 框 
10 单 击 “ 测 试 ”按钮 ， 如 果 弹 出 “成 功 创建 连接 脚本 ”就 表示 数据 库 连 接 成 功 。 


7.3 留言 板 管理 系统 页 面 的 设计 


留言 板 管理 系统 分 前 台 和 后 台 两 部 分 , 这 里 首先 制作 前 台 部 分 的 动态 网 页 。 前 台 部 分 的 页 
面 主 要 是 留言 展示 页 面 index.asp 和 在 线 提交 留言 信息 页 面 book.asp。 


7.3.1 留言 板 管理 系统 主页 面 


在 首页 index.asp 中 ， 单 击 “ 留 言 ”链接 时 ， 打 开 在 线 提交 留言 信息 页 面 book.asp， 访 问 者 
可 以 在 上 面 自 由 发 表意 见 ， 但 管理 人 员 可 以 对 恶性 留言 进行 审核 、 删 除 、 修 改 等 。 
留言 板 信息 展示 页 面 index.asp 的 详细 制作 步骤 如 下 : 


01 启动 Dreamweaver CC， 在 同一 站 点 下 选择 刚 创建 的 主页 面 index.asp， 输 入 网 页 标题 “ 留 
言 首页 ”。 接 下 来 要 设置 网 页 的 CSS 样式 ， 执 行 菜单 “修改 ” |“ 页面 属性 ”命令 ， 打 开 “ 页 面 属性 ” 
对 话 框 ， 单 击 “ 分 类 ” 列 选 框 中 的 “外 观 (CSS)” 选 项 ， 在 “上 边 距 ”文本 框 中 输入 0 像素 ， 字 
体 大 小 设置 为 12px， 具 体 设 置 如 图 7-22 所 示 。 

















图 7-22 


“页 面 属性 ”对 话 杠 





[| 
外 项 Css) 
页 面 字 作 0): 加 点 认 字 体 村 
人 G): 下 - Ee 
文 二 用 ec): 辐 
若 呈 而 色 G): 下 | 
俏 县 加 像 C) 9) 
本 可 可 一 一 一 一 一 一 一 一 一 一 一 一 一 a 
产 二 一 一 二 二 IE 1 
Em 27 。 克 天 四 1 设置 上 边 距 为 0, 让 | 
CE) el—— 1 
Ge 号 es 1 页 面 的 第 一 个 表格 | 
1 A 、 
Lamom ] CW [sw | L 能 置顶 到 上 边 | 


02 单 击 “ 确 定 ”按钮 ， 进 入 “文档 ”窗口 ， 执 行 菜单 “插入 ”| “表格 ”命令 ,打开 “表格 ” 
对 话 框 ， 在 “ 行 数 ” 文 本 框 中 输入 需要 插入 表格 的 行 数 3， 在 “ 列 ” 文 本 框 中 输入 需要 插入 表格 的 
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列 数 1， 在 “表格 宽度 ”文本 框 中 输入 655 像素 ,“ 边 框 粗细 ”“ 单 元 格 边 距 ” 和 “单元 格 间距 ”都 
为 0， 如 图 7-23 所 示 。 

03 单 击 “确定 ”按钮 ， 在 “文档 ”窗口 中 就 插入 了 一 个 3 行 1 列 的 表格 。 选 择 表格 ， 在 属 
性 栏 中 设置 “对 齐 方式 ”为 “居中 对 齐 ”， 效 果 如 图 7-24 所 示 。 

04 把 鼠标 放 在 第 1 行 第 1 列 中 ， 执 行 菜单 “插入 ”| “图 像 ” 命 令 ， 打 开 “ 选 择 图 像 源 文 件 ” 
























































对 话 框 ， 选 择 文件 夹 images 的 topjpg 图 像 嵌入 到 表格 中 。 
要 | 
me [BR 人 设置 “ 行 数 "“ 列 ”1! 
过 框 本 妇 : 0 。 像 系 1 和 “表格 宽度 ” 1 
二 元 格 轴 更 国 | 人 1 
单元 格 半天 田 
加 国医 
属性 
Fr le 行 旭 ”| 宫 旭 855 | 售 案 ”总 | 填 范 旭 。”| 对 开 如 居中 对 天 加 
一 可 列 DO | 间距 G)o ”| 边框 Q)o | 
[=| CoD 
[Lb | [| 5 
图 7-23 设置 “表格 ”属性 图 7-24 选择 表格 对 齐 方式 


05 在 第 2 行 中 执行 菜单 “插入 ”|“ 表 格 ” 命 令 ， 打 开 “ 表 格 ” 对 话 框 ， 在 打开 的 “表格 ” 
对 话 框 中 设置 要 插入 的 表格 “ 行 数 ” 为 4 行 、“ 列 ”为 1 列 、“ 表 格 宽度 ”为 100%， 其 他 参数 设置 
为 0， 再 单 击 “ 确 定 ”按钮 ， 就 在 第 2 行 中 插入 了 一 个 4 行 1 列 的 新 表格 。 

06 执行 菜单 “窗口 ” |“ 绑 定 ”命令 ， 打 开 “ 绑 定 ”面板 ， 单 击 “ 绑 定 ”面板 上 的 办 按钮 ， 
在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 设 定 如 表 7-3 的 数据 ， 
如 图 7-25 所 示 。 

















表 7-3 “Rs 记录 集 ” 设 定 
ET CT 
ET CT 
Er Tr EE 





选择 conngbook 数 
据 源 中 的 gbook 数 上 
据 表 中 的 全 部 字段 
建立 “记录 集 ” 查询 





























图 7-25 “记录 集 ” 对 话 杠 
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07 单 击 “ 高 级 ”按钮 ， 进 行 高 级 模式 绑 定 ， 在 SQL 文本 框 中 输入 如 下 代码 : 


SELECT * 
FROM gbook // 从 数据 库 中 选择 gbook 表 
WHERE passid=true // 选 择 的 条 件 为 passid 为 “ 真 值 ” 


08 当 此 SQL 语句 从 数据 表 gbook 中 查询 出 所 有 的 passid 字段 值 为 ture 的 记录 时 ， 表 示 此 留 











言 已 经 通过 管理 员 的 审核 ， 如 图 7-26 所 示 。 

ER 

Se CE ) 
rl = ie 
7 = ! 加 入 SQL 语句 , 在 | 
ss 人 ! 变量 中 可 以 添加 变 | 
可 1 量 的 名 称 和 运行 值 “! 
到 有 了 

[mm 








图 7-26 输入 SQL 语句 


098 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 的 绑 定 ， 然 后 将 此 字段 插入 至 index.asp 网 页 的 适当 位 置 ， 
如 图 7-27 所 示 。 























图 7-27 插入 字段 





Rr 在 “斑竹 回复 ”单元 格 中 ， 根 据 数据 表 中 的 回复 字段 reply 是 否 为 空 来 判断 管理 者 是 否 访 
。 如 果 该 字段 为 空 ， 则 显示 “对 不 起 ， 暂 无 回复 ! ”字样 信息 ;如 果 该 字段 不 为 空 ， 就 表明 管 
be 了 回复 ， 显 示 回 复 内 容 
1 在 “设计 ”视图 上 ， 选 中 “管理 回复 ”单元 格 ， 找 到 “对 不 起 ， 暂 无 回复 !” 字 样 ， 并 加 
入 以 下 代码 ， 如 图 7-28 所 示 。 
<% if IsNull (Rs.Fields.Item("reply") .Value) theng> 
对 不 起 ， 暂 无 回复 ! 
<% else %> 


<%=(Rs.Fields.Item("reply") .Value) %> 
<% end if %> 
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Ytry 
< 


tr> 
《td height="25" Enbsp:énbsp: &nbsp:<spar class="f"> 王 竹 回复 :</span> 








图 7-28 加 入 代码 
12 由 于 index.asp 页 面 显示 的 是 数据 库 中 的 部 分 记录 ， 而 目前 的 设 定 则 只 会 显示 数据 库 的 第 
一 笔 数据 ， 因 此 需要 加 入 “服务 器 行为 ”中 “重复 区 域 ”的 设 定 ， 选 择 index. asp 页 面 中 记录 的 那 
一 个 表格 ， 如 图 7-29 所 示 。 














| 1 选择 要 重复 显示 1 
! 的 那 一 个 表格 





图 7-29 选择 要 重复 显示 的 内 容 


13 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ” 选 项 ， 在 打开 的 “重复 区 域 ”对 话 框 中 设 定 显示 的 数据 选项 ， 如 图 7-30 所 示 。 

14 单 击 “ 确 定 ”按钮 回 到 编辑 页 面 , 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表示 已 经 完成 设 定 了 。 

15 将 鼠标 移 至 要 加 入 “记录 集 分 页 ”的 位 置 ， 在 “服务 器 行为 ”中 的 “记录 集 分 页 ”中 分 
别 加 入 项 页 、 上 一 页 、 下 一 页 和 尾 页 的 导向 链接 ， 然 后 单 击 “ 确 定 ” 按 钮 ， 回 到 编辑 页 面 ， 此 时 页 
面 就 会 出 现 该 记录 集 分 页 信息 ， 效 果 如 图 7-31 所 示 。 











NG: teeoataat) 
2 














呈 科 加 4 请 人 





全 全 复员 对 不 起 ,站 无 回复 湖 farm} 蝴 








后 所 有 记 末 














图 7-30 “重复 区 域 ” 对 话 框 


16 至 此 ， 留 言 板 的 首页 index.asp 设计 完成 ， 服 务 器 行为 绑 定 效果 如 图 7-32 所 示 。 打 开 IE 
浏览 器 ， 在 地 址 栏 中 输入 “http://127.0.0.1”， 对 首页 进行 测试 ， 测 试 效 果 如 图 7-33 所 示 。 
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(Rs. total record) 


) 
如 果 不 是 第 一 条 记录 则 显示 了 =) 














HIlls 











动态 文 本 (Rs.redate) TA a 
动 总 文本 Rs.reply) OW 


图 7-32 ”服务 器 行为 绑 定 代码 后 效果 图 7-33 留言 板 管理 系统 主页 测试 效果 图 
7.3.2 访问 者 留言 页 面 


本 节 将 要 制作 访问 者 在 线 留言 功能 ， 其 主要 技术 是 : 通过 “服务 器 行为 ”面板 中 的 “插入 
记录 ”功能 实现 将 访问 者 填写 的 内 容 插入 到 数据 表 gbook.mdb 中 ， 通 过 “行为 ”面板 中 的 “ 检 
查 表单 ”来 对 留言 主题 和 内 容 进 行 是 否 为 空 的 检测 。 

详细 的 制作 步骤 如 下 : 

01 启动 Dreamweaver CC， 执 行 菜单 “文件 ” |“ 新建” 命令 打开 “新 建文 档 ” 对 话 框 ， 选 择 

“空白 页 ”选项 卡 ， 在 “页 面 类 型 ”下 拉 列 表 框 中 选择 HTML， 在 “布局 ”列表 框 中 选择 “无 ”， 
然后 单 击 “创建 ”按钮 创建 新 页 面 ， 执 行 菜单 “文件 ”|“ 另 存 为 ”命令 ， 在 根 目录 下 将 新 建文 件 
保存 为 book.asp。 

02 供 访问 者 留言 的 页 面 book.asp 的 效果 如 图 7-34 所 示 。 












































ER 3596 EL 
本 | [SR 


R100% ~ 











7-34 ”book.asp 静态 页 面 设计 效果 图 


03 执行 菜单 “插入 记录 ”|“ 表 单 ”| “表单 ”命令 ,插入 一 个 表单 ， 把 光标 放 在 刚 插入 的 表 
单 中 ， 执 行 菜单 “插入 记录 ”|“ 表 格 ”命令 ， 插 入 一 个 2 行 1 列 的 表格 。 选 中 表格 ， 在 属性 栏 中 
设置 “对 齐 方式 ”为 “居中 对 齐 ”。 
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04 在 刚 创建 的 表格 第 1 行 中 执行 “插入 ”| “图像 ” 命令 ,将 images 文件 夹 中 的 lybjpg 图 像 
插入 到 第 1 行 中 ， 接 着 在 表格 的 第 2 行 中 执行 菜单 “插入 ”|“ 表 格 ” 命 令 , 插入 一 个 2 行 2 列 、 
宽度 为 100% 的 表格 。 在 新 插入 的 表格 的 第 1 行 第 1 列 中 插入 一 下 5 行 3 列 、 宽 度 为 90% 的 表格 ， 
在 这 个 表格 中 插入 相关 的 表单 和 文本 框 ， 得 到 的 效果 如 图 7-35 所 示 。 



































项 入 全 二 大 1 

图 7-35 插入 相关 表格 和 文本 框 

05 选择 第 5 行 单元 格 ， 执 行 菜单 “插入 ”|“ 表 单 ”| “文本 ”命令 ,插入 一 个 文本 ， 并 选择 
该 文本 ， 在 “属性 ”面板 中 设置 “文本 ”的 名 称 为 verifycode， 在 这 个 文本 域 后 面 加 入 图 片 验 证 码 
调用 代码 : 

<img src="getcode.asp"” alt=" 验 证 码 , 看 不 清楚 ?请 单 击 刷新 验证 码 "” style="cursor : 


pointer;"onclick="this.src='getcode.asp?t='+ (newDate() .getTime());nocheckcode 
.Src='nocheckcode.asp'" /> 


验证 码 来 源 于 getcode.asp，AIT 属性 是 当 验 证 码 无 法 显示 时 将 显示 “验证 码 ， 看 
系 不 清楚 ? 请 单 击 刷新 验证 码 ” 文 字 。 


Getcode.asp 中 的 代码 如 下 : 


< 多 
Option Explicit 
Response.buffer=true 
Response.Expires = -1 
Response.ExpiresAbsolute = Now() - 1 
Response.Addheader "cache-control", "no-cache" 
Response.AddHeader "Pragma","no-cache" 
Response.ContentType = "Image/BMP" 
Call Com CreatValidCode ("GetCode") 
Sub Com CreatValidCode (PSN) 
Randomize 
Dim ii，iii 
Const coqdds = 3 ' 杂 点 出 现 的 概率 
Const camount = 10 ' 文字 数量 
Const cCode = "0123456789" 
"颜色 的 数据 (字符 ， 背 景 ) 
Dim vColorData (1) 
vColorData(0) = ChrB(0) & ChrB(0) & ChrB(211) ' 蓝 0, 绿 0， 红 0 (黑色 ) 
vColorData(1) = ChrB(255) & ChrB(255) & ChrB (255) ' 蓝 250， 绿 236， 红 211 
( 浅 蓝 色 ) 
， 随机 产生 字符 
Dim vCode (4), vCodes 
For ti =:0 To 3 
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vCode(i) = Int(Rnd * cAmount) 
VCodes = vCodes & Mid(cCode, vCode(i) + 1, 1) 
Next 
Session (PSN) = vCodes ' 记 录入 Session 
"字符 的 数据 
Dim vNumberData(9) 
vNumberData(0) = "11100001111101111011110111101111010010111101001011110 
10010111101001011110111101111011110111110000111" 
VvNumberData(1) = "1111011111110001111111110111111111011111111101111111 
110111111111011111111101111111110111111100000111" 
VNumberData(2) = "11100001111101111011110111101111111110111111110111111 
11011111111011111111011111111011110111100000011" 
vNumberData(3) = "11100001111101111011110111101111111101111111001111111 
11101111111111011110111101111011110111110000111" 
vNumberData(4) = "11111011111111101111111100111111101011111101101111110 
11011111100000011111110111111111011111111000011" 
vNumberData(5) = "11000000111101111111110111111111010001111100111011111 
11110111111111011110111101111011110111110000111" 
vNumberData(6) = "11110001111110111011110111111111011111111101000111110 
01110111101111011110111101111011110111110000111" 
vNumberData(7) = "11000000111101110111110111011111111011111111101111111 
10111111111011111111101111111110111111111011111" 
vNumberData(8) = "11100001111101111011110111101111011110111110000111111 
01101111101111011110111101111011110111110000111" 
vNumberData(9) = "11100011111101110111110111101111011110111101110011111 
00010111111111011111111101111011101111110001111" 
”输出 图 像 文件 头 
Response.BinaryWrite ChrB(66) & ChrB(77) & ChrB(230) & ChrB (4) & ChrB(0) 
& ChrB(0) & ChrB(0) & ChrB(0) &_ 
ChrB(0) & ChrB(0) & ChrB(54) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(40) 
& ChrB(0) &_ 
ChrB(0) & ChrB(0) & ChrB(40) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(10) 
& ChrB(0) &_ 
ChrB (0) & ChrB(0) & ChrB(1) & ChrB (0) 
”输出 图 像 信息 头 
Response.BinaryWrite ChrB (24) & ChrB(0) & ChrB (0) & ChrB (0) & ChrB(0) & 
ChrB (0) & ChrB (176) & ChrB (4) &_ 
ChrB (0) & ChrB (0) & ChrB (18) & ChrB(11) & ChrB(0) & ChrB (0) & ChrB(18) 
& ChrB(11) &_ 
ChrB (0) & ChrB(0) & ChrB (0) & ChrB(0) & ChrB(0) & ChrB(0) & ChrB(0) & 
ChrB(0) &_ 
ChrB (0) & ChrB (0) 
For i= 9 To 0 Step -1 ' 历经 所 有 行 
For ii = 0 To 3 '， 历经 所 有 字 
For iii = 1 To 10 ' 历经 所 有 像素 
"” 逐 行 、 逐 字 、 逐 像素 地 输出 图 像 数 据 
If Rnd * 99 + 1 < codds Then ' 随机 生成 杂 点 
If Mid(vNumberData(vCode (ii))，i * 10 + iii, 1) Then 
Response.BinaryWrite vColorData (0) 
Else 
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Response.BinaryWrite vColorData (1) 
End If 


Else 


Response.BinaryWrite vColorData (Mid(vNumberData(vCcode 
a Od 


End If 
Next 
Next 
Next 
End Sub 
多 > 


06 在 右边 栏 中 执行 菜单 “插入 ”|“ 表 格 ”命令 ， 插 入 一 个 3 行 1 列 的 表格 ， 在 插入 的 新 表 
格 中 的 第 1 行 执行 菜单 “插入 ”|“ 图 像 ”命令 ， 将 imaegs 文件 夹 中 的 lyb_06.gif 图 像 插入 到 表格 
中 。 在 第 2 行 中 执行 菜单 “插入 ”|“ 表 单 ”|“ 文 本 区 域 ”命令 ， 插 入 一 个 名 为 content 的 文本 区 域 ， 
如 图 7-36 所 示 。 


到 到 一 || 
[©®- rep/2700Voock ssp Sp-acx 
ELEiLJ 其 


文件 (站 区 吉 (E) 二 看 (V) 要 区 六 () 工 只) 项 动 HH) 
|_ 8 襄 









































1 性 名: : ee 全 训 内 容 * en 
titer 

foe: 

3 

好 证 届 : S599 





DOW ~ 





图 7-36 插入 图 像 和 文本 区 域 
07 选择 第 3 行 单元 格 ， 执 行 菜单 “插入 ”|“ 表 单 ”|“ 提 交 按 钮 ”命令 ， 插 入 提交 按钮 ， 并 
在 “属性 ”面板 中 输入 按钮 的 值 为 “确定 留言 "再 执行 菜单 “插入 ”|“ 表 单 ”|“ 重 置 按 钮 ”命令 ， 


插入 重 置 按钮 ， 然 后 在 “属性 ”面板 中 输入 按钮 的 值 为 “清除 重 写 ”， 最 后 在 按钮 左 侧 输入 “注意 : 
加 * 项 为 必 填 项 ! "， 具 体 设置 和 效果 如 图 7-37 所 示 。 


























[< 加 "htp/2700.Ubcekasp Bo-scx 
| 局 sa “| Fr------------ 1 
文中 久富 (WV) 7TETORCT = Mii 插入 一 个 “确定 留 ! 
| > ! 言 "按钮 和 一 个 “ 清 ! 
言 内 eeesp EE» 

人 让 和 ssl sp 除 重 写 ”按钮 } 

Ac 4 2 

你 的 邮箱 : § 区 

主题 : . pg 

验证 至: 3598 8 

Sm Es] | 
lo0% ~ 








图 7-37 ”插入 按钮 效果 图 
08 在 留言 板 表单 内 部 执行 “插入 ”|“ 表 单 ”|“ 隐 藏 域 ”命令 ， 插 入 一 个 隐藏 域 ， 选 
藏 域 ， 将 其 命名 为 IP， 并 在 “属性 ”面板 中 对 其 赋值 ， 如 图 7-38 所 示 。 





h 该 隐 
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<%=Request .ServerVariables ("REMOTE ADDR")%> 
// 自 动 取得 用 户 的 IP 地 址 


插入 隐藏 域 卫 并 
给 人 赋值， 以 取 
得 用 户 IP 地 址 





图 7-38 设 定 人 P 


09 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 “ 插 
入 记录 ”， 在 打开 的 “插入 记录 ”对 话 框 中 设置 如 表 7-4 所 示 的 参数 ， 效 果 如 图 7-39 所 示 。 








表 7-4 “插入 记录 ”设置 

















tn i 1 Eee 本 
1 1. 将 表单 里 给。 | 本 

! 入 的 数据 插入 ! .es index. asp E) a i 
! 到 gbook 数据 表 1 FA ml | 1 2， 表单 中 的 文 ! 
1 中 ,插入 后 转 到 | er < : 1 本 域名 称 要 和 插 1! 
! index.asp 页 面 ! 可 ! 入 到 数据 表 中 的 | 
----------- ! 字段 相对 应 。 1 








图 7-39 “插入 记录 ”对 话 框 

10 单 击 “确定 ”按钮 ， 回 到 网 页 设计 编辑 页 面 ， 完 成 页 面 book.asp 插入 记录 的 设置 。 

11 有 些 访问 者 进入 留言 页 面 book.asp 后 ， 不 填 任 何 数据 就 直接 把 表单 送出 ， 这 样 数据 库 中 
就 会 自动 生成 一 笔 空白 数据 ， 为 了 阻止 这 种 现象 发 生 ， 须 加 入 “检查 表单 ”的 行为 。 具 体操 作 是 在 
book.asp 的 标签 检测 区 中 单 击 <forml> 标 签 ， 然 后 单 击 “ 行 为 ”面板 中 的 图 按钮 ， 在 弹出 的 菜单 中 
选择 “检查 表单 ”选项 ， 如 图 7-40 所 示 。 

12 “检查 表单 ”行为 会 根据 表单 的 内 容 来 设 定 检查 方式 ， 留 言 者 一 定 要 填 入 标题 和 内 容 ， 
因此 将 subject、content 这 两 个 字段 的 值 选中 “必需 的 ” 复 选 框 ， 这 样 就 可 完成 “检查 表单 ”的 行 
为 设 定 了 ， 具 体 设 置 如 图 7-41 所 示 。 

13 单 击 “确定 ”按钮 ， 完 成 留言 页 面 的 设计 。 
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图 7-40 选择 “检查 表单 ”选项 图 7-41 选择 必 填 字段 
7.4 网 站 后 台 管 理 功能 的 设计 


留言 板 后 台 管 理 系统 可 以 使 系统 管理 员 通 过 
admin login.asp 进 行 登录 管理 ,管理 者 登录 入 口 页 面 Qs Ee 


ER 























的 设计 效果 如 图 7-42 所 示 。 人 
旺 5， 
7.4.1 管理 者 登录 入 口 页 面 昌 
管理 页 面 是 不 允许 一 般 网 站 访问 者 进入 的 ， 必 
须 受 到 权限 约束 。 详 细 操作 步骤 如 下 : a 


01 启动 Dreamweaver CC， 执 行 菜单 “文件 ” |“ 新建 ”命令 ， 打 开 “ 新 建文 档 ” 对 话 框 ， 选 
择 “ 空 白 页 ”选项 卡 , 在 “页 面 类 型 ”下 拉 列 表 框 中 选择 html, 在 “布局 ”下 拉 列 表 框 中 选择 “无 ” 
然后 单 击 “ 创 建 ”按钮 创建 新 页 面 ， 输 入 网 页 标题 “后 台 管 理 登录 ”， 执 行 菜单 “文件 ”|“ 另 存 为 ” 
命令 ， 打开 “另存 为 ”对 话 框 ， 在 “文件 名 ”文本 框 中 输入 文件 名 admin_login.asp。 

02 打开 admin_login.asp 页 面 ， 执 行 菜单 “插入 ”|“ 表 单 ”|“ 表 单 ” 命 令 ， 插 入 一 个 表单 。 

03 将 光标 放置 在 该 表单 中 ， 执 行 菜单 “插入 ”|“ 表 格 ” 命 令 ， 在 该 表单 中 插入 一 个 4 行 2 
列 的 表格 ， 选 择 表格 ， 在 “属性 ”面板 中 设置 “对 齐 (A)” 为 “居中 对 齐 ” 把 表格 的 第 1 行 和 第 
4 行 分 别 进行 行 合并 ， 得 到 的 效果 如 图 7-43 所 示 。 











图 7-43 在 表单 中 插入 的 表格 
04 在 该 表格 的 第 1 行 中 输入 文字 “留言 板 后 全 管理 中 心 ”在 表格 的 第 2 行 第 1 个 单元 格 中 ， 
输入 文字 说 明 “ 账 号 : ” 在 第 2 行 表格 的 2 个 单元 格 中 单 击 “ 文 本 ” 按钮 [ 口 |， 插入 文本 表单 对 象 ， 
定义 文本 名 为 username， 此 时 的 效果 如 图 7-44 所 示 。 
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05 在 第 3 行 第 1 个 单元 格 中 输入 文字 说 明 “密码 : ”， 在 第 3 行 表格 的 第 2 个 单元 格 中 ， 单 
击 “ 密 码 ” 按 钮 [加 |， 插 入 密码 表单 对 象 ， 此 时 的 效果 如 图 7-45 所 示 。 








图 744 输入 “账号 : ”名 和 插入 “文本 ”的 效果 图 745 输入 “密码 : ”名 和 插入 “密码 ”的 效果 
06 选择 第 4 行 单元 格 ， 执 行 菜单 “插入 ”|“ 表 单 ”|“ 提 交 按 钮 ”命令 ,插入 “提交 ”按钮 。 
执行 菜单 “插入 ”|“ 表 单 ”|“ 重 置 按钮 ”命令 ， 插 入 “ 重 置 ”按钮 。 
.留言 板 后 省 管理 下 心 、 





图 7-46 设置 按钮 名 称 的 属性 及 效果 
07 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “用 





户 身份 验证 /登录 用 户 ” 选 项 ， 弹 出 “登录 用 户 ” 对 话 框 ， 如 果 不 成 功 ， 将 返回 主页 面 index.asp; 
如 果 成 功 将 登录 后 全 管理 主页 面 admin.asp， 如 图 7-47 所 示 。 


















































ER | 
1 1 选择 需要 连接 的 数 |- - -|- -Ansamwx IE 本 
! 据 表 和 对 应 的 字段 1 | | 

ee : 
A SH (oem 7] 

Es ee azp 古 大 辐 呈 而 避 后 吾 本 看 吉 三 而 记 i 

i 站 1 2. 根据 用 户 的 用 户 ) 

至 于 以 下 天 对 抽 人 让 月 证 民 机 1 名 、 密 码 共同 决定 转 | 

月 广 计 、 守 本 和 法 同 级 中 1 到 的 网 页 1 

获取 级 到 自 :| 3 | 1 











图 7-47 “登录 用 户 ”对 话 杠 


08 执行 菜单 “窗口 ”|“ 行 为” 命令， 打开 
“行为 ”面板 ， 单 击 “ 行 为 ”面板 中 的 四 按钮 ， ee 
在 弹出 的 菜单 中 选择 “检查 表单 ”选项 ,弹出 “ 检 | < 必 sai 一 一 
查 表单 ”对 话 框 ,设置 username 和 password 文本 得 回 [2 的 
域 的 “ 值 ”都 为 “必需 的 “可 接受 ”为 “任何 东 

















可 接受 ， 回 任何 东 再 数字 


西 ”» 如 图 7-48 所 示 ° 日 电子 邮件 地 址 。 日 数字 从 








09 单 击 “确定 ”按钮 ， 回 到 编辑 页 面 ， 管 
理 者 登录 入 口 页 面 admin login.asp 的 设计 与 制作 
全 部 完成 。 





























图 7-48 “检查 表单 ”对 话 框 
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7.4.2 后台 管 理 主页 面 
理 
































后 台 管理 主页 面 admin.asp 是 管理 者 由 登入 的 页 面 验证 成 功 后 所 转 到 的 页 面 。 这 个 页 面 提 
供 删 除 和 编辑 留言 的 功能 ， 效 果 如 图 7-49 所 示 。 详 细 操 作 步 骤 如 下 : 








留言 板 系统 后 台 管理 专 汪 CR 


他 共生 生理 主页 面 Earl 上 1 


二 see 
本。 齐 


bi se 
和 OS en 
ITEE MT CE 
活 地 才 作 公司 和 于 了 御 个 可 7 家 一个 六 各 产 人事 可 届 去 洒 公 于 去 治 实 双 ?。。 各 外 
ie fea Rs 
Mp Mt ONT OO OT CE 
J 加 时 功 envi 匠 和 中 折 天 加 了 JI 泊 入骨 容 Es 
加 uy se 
ua as 
un 人 





图 7-49 “管理 页 面 ”的 设计 效果 
01 打开 admin.asp 页 面 ， 此 页 面 设计 比较 简单 ， 在 这 里 不 做 说 明 ， 单 击 “ 绑 定 ”面板 上 的 四 
按钮 ， 在 弹出 的 对 话 框 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 ， 输 入 的 设 
定 值 如 表 7-5 所 示 ， 设 定 后 的 效果 如 图 7-50 所 示 。 


























表 7-5 “Rs 记录 集 ” 设 置 




















排序 : 记录 在 页 
上面 显示 的 时 候 
按 ID 降序 进行 
排序 





排序 : [ID aa Se 








图 7-50 “记录 集 ” 对 话 框 
02 绑 定 记录 集 后 ， 将 记录 和 集 字段 插入 至 admin.asp 网 页 的 适当 位 置 ， 如 图 7-51 所 示 。 





zm 
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图 7-51 插入 字段 
03 admin.asp 页 面 的 功能 是 显示 数据 库 中 的 部 分 记录 ， 而 目前 的 设 定 则 只 会 显示 数据 库 的 第 
一 笔 数据 ， 需 要 加 入 “服务 器 行为 ”中 “重复 区 域 ”的 命令 ,选择 admin. asp 页 面 中 与 记录 有 关 的 
一 行 表格 ， 如 图 7-52 所 示 。 











图 7-52 选择 要 重复 的 内 容 
04 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 的 按钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ”选项 。 在 打开 的 “重复 区 域 ”对 话 框 中 ， 在 “记录 集 ” 中 选择 Rs 并 设置 一 页 显示 的 数据 
选项 为 10 条 记录 ， 如 图 7-53 所 示 。 














上 数 为 10 


显示 : 加 10 记录 


所 有 记录 





图 7-53 “重复 区 域 ” 对 话 杠 
05 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 


“重复 ”的 灰色 标签 ， 表 示 已 经 完成 设置 。 
06 首先 选取 记录 集 有 记录 时 要 显示 的 记录 表格 ， 如 图 7-54 所 示 。 











图 7-54 选择 有 记录 和 显示 页 面 





07 单 击 “ 服 务 器 行为 ”面板 上 的 的 按钮 ， 在 弹出 的 菜单 中 选择 “显示 区 域 ”|“ 如 果 记录 集 
不 为 空 则 显示 区 域 ”选项 。 在 打开 的 “如 果 记 录 集 不 为 空 则 显示 区 域 ”对 话 框 中 ， 选 择 “ 记 录 集 ” 
下 拉 列 表 框 中 的 Rs 选项 ， 再 单 击 “ 确 定 ” 按 钮 。 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 区 域 
左上 角 ， 出 现 了 一 个 “如 果 符合 此 条 件 则 显示 ”的 灰色 标签 ， 表 示 已 经 完成 设 定 了 ， 如 图 7-55 
所 示 。 
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二 1 
[a 
无 

















图 7-55 完成 设置 
08 选取 记录 集 没 有 记录 时 要 显示 的 文字 内 容 “ 目 前 没有 任何 留言 ”， 如 图 7-56 所 示 。 





图 7-56 选择 没有 记录 要 显示 的 页 面 内 容 
09 单 击 “服务 器 行为 ”面板 上 的 的 按钮 ， 在 弹出 的 菜单 中 选择 “显示 区 域 ”|“ 如 果 记录 集 
为 空 则 显示 区 域 ”选项 。 在 打开 的 “如 果 记 录 集 为 空 则 显示 区 域 ” 对 话 框 中 ， 选 择 “ 记 录 集 ”下 拉 
列表 框 中 的 Rs 选项 ， 再 单 击 “ 确 定 ” 按 钮 。 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 区 域 左上 
角 出 现 了 一 个 “如 果 符 合 此 条 件 则 显示 ”的 灰色 标签 ， 表 示 已 经 完成 设 定 了 ， 如 图 7-57 所 示 。 




















上 根据 Rs 记录 集 的 数据 是 否 
! 为 空 来 确定 显示 内 容 1 








图 7-57 设置 记录 集 为 空 的 显示 区 域 


10 将 光标 移 至 要 加 入 “记录 集 分 页 ”的 位 置 ， 在 “服务 器 行为 ”中 的 “记录 集 分 页 ”中 分 
别 加 入 项 页 、 上 一 页 、 下 一 页 和 尾 页 的 导向 链接 ， 然 后 单 击 “确定 ”按钮 回 到 编辑 页 面 ， 会 发 现 页 
面 出 现 了 该 记录 集 的 导航 条 ， 如 图 7-58 所 示 。 


ee 

















如 果 符 合 此 条 件 内 
睛 前 没有 任何 留言 | 
图 7-58 加 入 “记录 集 导航 条 ” 








1 单 击 页 面 中 的 “回复 ”文字 ， 然 后 单 击 “ 服 务 器 行为 ”面板 上 的 图 按钮 ， 在 弹出 的 菜单 
中 选择 “ 转 到 详细 页 面 ” 命 令 ， 如 图 7-59 所 示 。 

12 在 弹出 的 “ 转 到 详细 页 面 ”对 话 框 中 ， 单 击 “ 浏 览 ”按钮 来 打开 选择 文件 的 对 话 框 ， 在 
此 选择 replyasp， 如 图 7-60 所 示 。 
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A 
为 “回复 ”操作 
指定 页 面 : reply.asp 


pol | 
详细 信息 页 : rep13. asp 
传递 URL 参数 : ID 
记录 集 - 
区 
传 运 现 有 参数 下] URL 参数 
加 表单 参数 














图 7-59 选择 “ 转 到 详细 页 面 ” 图 7-60 选择 要 转向 的 文件 

13 单 击 “确定 ”按钮 ， 回 到 编辑 页 面 ， 选 取 编辑 页 面 中 的 “删除 ”文字 ， 然 后 单 击 “ 服 务 
器 行为 ”面板 上 的 的 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 
面 ”对 话 框 中 ， 单 击 “ 浏 览 ” 按 钮 ， 打 开 “ 选 择 文件 ”对 话 框 ， 选 择 delbook.asp， 其 他 设 定 值 默 
认 不 变 ， 如 图 7-61 所 示 。 








eae 
详细 信息 页 : delbook. asp = | 
tn 1 
和 _.! 为 “删除 ”操作 指定 显 ， 
下 BE ”1 示 页 面 : delbookasp 1! 
传递 现 有 参数 四 URL 参数 ti EE 
日 表单 参数 








图 7-61 “ 转 到 详细 页 面 ”对 话 杠 
14 单 击 “确定 ”按钮 ， 回 到 编辑 页 面 。 单 击 “ 应 用 程序 ”面板 组 中 的 “服务 器 行为 ”面板 
上 的 国 按钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 /限制 对 页 的 访问 ”选项 ， 在 打开 的 “限制 对 页 
的 访问 ”对 话 框 中 设置 “如 果 访 问 被 拒绝 ， 则 转 到 admin_login.asp” 页 面 ， 如 图 7-62 所 示 。 





基于 以 下 内 容 进行 限制 ” 同 。 用 户 名 和 因 码 
日 。 用 广 各 、 因 友和 沪 同 级 到 











i | 如 果 没 有 在 admin_loginasp 页 ! 

一 一 一 1 面 输入 账号 和 密码 就 直接 访 1 
ee ! 问 ， 这 类 访问 将 被 拒绝 ， 并 自 | 
1 

1 


1 
! 动 转向 admin login.asp 页 面 


图 7-62 “限制 对 页 的 访问 ”对 话 框 
15 单 击 “确定 ”按钮 ， 就 完成 了 后 合 管理 页 面 admin.asp 的 制作 。 
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7.4.3 回复 留言 页 面 


回复 留言 的 功能 主要 通过 reply.asp 页 面 对 用 户 留 言 进行 回复 , 实现 的 方法 是 将 数据 库 的 相 
应 字段 绑 定 到 页 面 中 ,管理 员 在 “回复 内 容 ” 中 填写 内 容 ， 单 击 “ 回 复 ” 按 钮 ， 将 管理 员 填 写 
回复 的 内 容 添 加 到 gbook 数 据 表 中 ， 页 面 效果 如 图 7-63 所 示 。 详 细 的 操作 步骤 如 下 : 

















[an 


mn 








图 7-63 回复 留言 页 面 
01 打开 replyasp 页 面 ,并 单 击 “ 绑 定 ” 面板 上 的 [ 鸭 按 钮 ， 在 弹出 的 选项 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 ， 输 入 如 表 7-6 所 示 的 设 定 值 ， 再 单 击 “ 确 定 ” 按 钮 完 
成 设 定 ， 效 果 如 图 7-64 所 示 。 








表 7-6 “Rs 记录 集 ” 设 定 
性 ji 全 | 
I rs | Ei 
| ET 
ET TE 











1 
1 根据 前 面 所 传递 的 ! 
! ID 参数 进行 筛选 ”|! 











图 7-64 设置 绑 定 的 “记录 集 ” 
将 记录 集 的 字段 插入 replyasp 网 页 中 的 适当 位 置 ， 如 图 7-65 所 示 。 

















02 绑 定 记录 集 











站 
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~~- 将 绑 定 的 字段 插入 
上 页面 的 适当 位 置 














图 7-65 在 页 面 插入 绑 定 字段 


03 在 本 页 面 中 添加 两 个 隐藏 域 , 一 个 为 repiydate, 用 来 设 定 回 复 时 间 , 赋值 为 <%=now()%>; 
另外 一 个 是 passid， 用 来 决定 是 否 通过 审核 的 一 个 权限 ， 赋 值 为 1 时 就 自动 通过 审核 ， 如 图 7-66 
所 示 。 





























ee 、 国 1 插入 隐藏 域 repiydate 并 赋 
keviyite 性 wjlerxow_ ——————— hs 为 <%=now0%> 以 设 定 加 


的 时 间 为 系统 当前 时 间 

















痪 应 





NN A 插入 隐藏 域 passid 并 赋值 为 ! 
es 1! 1, 表示 管理 员 通过 对 此 留言 ! 
的 审核 1 








图 7-66 设置 “隐藏 域 ” 
04 单 击 “ 服 务 器 行为 ”面板 上 的 图 按 钮 ， 在 弹出 的 菜单 中 选择 “更 新 记录 ” 如 图 7-67 所 
示 。 用 于 根据 留言 内 容 对 数据 库 中 的 数据 进行 更 新 。 
05 在 打开 的 “更 新 记录 ”对 话 框 中 ， 根 据 表 7-7 进行 设置 ， 效 果 如 图 7-68 所 示 。 











表 7-7 “更 新 记录 ”设置 
[性 | 设 轩 人 [RE | 设 西 | 
| | 
| 渤 取 记录 自 ”|Rs | 表 % 元 素 | 与 文本 域名 对 应 | 
| | | 





| = Xa: AS saip py 
ari 要 的 [cok -| 
寺 取 记 和 和 区 | [地 |] 








( 生 要 交 时 ) 












































7-67 选择 “更 新 记录 ”命令 图 7-68 设 定 “更 新 记录 ” 
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06 单 击 “ 确 定 ”按钮 


7.4.4 删除 留言 页 面 











9 


到 编辑 页 面 ， 








这 样 就 完成 回复 留 








言 页 面 的 设置 。 








删除 留言 页 面 delbook.asp 的 功能 是 将 表单 中 的 记录 从 相应 的 数据 表 中 删除 , 页 面 设计 效果 
如 图 7-69 所 示 ， 详 细 说 明 步 骤 如 下 : 

















二 专 天 隐 秀 力 
留言 板 系统 后 台 管理 六 
你 的 位 壮 - 一 出 际 晶 襄 现在 时 间 是 :2018-3-16 下 年 12:04:25 
rs 
EL TF .40.54 


加 者 泪 各 : 
EE 
Ei 
i 


由 





Cur 


[ER [EE] 





图 7-69 删除 留言 页 面 效果 图 


01 打开 delbook.asp 页 面 ,， 单 击 “ 绑 定 ” 面板 上 的 团 按 钮 ,在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 弹出 的 “记录 集 ” 对 话 框 中 ， 输 入 如 表 7-8 所 示 的 数据 ， 再 单 击 “ 确 定 ”按钮 完成 





设置 ， 效 果 如 图 











7-70 所 示 。 





表 7-8 “Rs 记录 集 ” 设 置 


am 
SET 
| 
we == | 



























， 根据 前 面 所 传递 的 
~ 了 ID 参数 进 行 征 选 “| 





图 7-70 


“记录 集 ” 对 话 杠 














02 绑 定 记录 集 








将 记录 集 的 字段 插入 delbook.asp 网 页 的 各 项 说 明文 字 后 面 ， 





部 


所 示 。 


如 图 





7-71 
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图 7-71 字段 插入 
03 在 delbook.asp 的 页 面 上 , 单 击 “ 服 务 器 行为 面板 上 的 的 按钮 , 在 弹出 的 菜单 中 选择 “ 删 
除 记 录 ” 命 令 ， 如 图 7-72 所 示 ， 用 于 对 数据 表 中 的 数据 进行 删除 操作 。 
04 在 打开 的 “删除 记录 ”对 话 框 中 ， 根 据 表 7-9 的 参数 来 设置 ， 效 果 如 图 7-73 所 示 。 























表 7-9 “删除 记录 ”设置 
[ERIC 
ET 
[5 
| 因 ~ xt: Asp viseript 


| 


| 提交 forml 表单 时 从 gbook 数 据 表 中 删 
上 除 相应 数据 ， 删 除 后 转 到 admin.asp 


























从 - 银 丰 [加 玫 什 
提交 此 表单 信 员 除 faral 
和 只 后 ， 畦 到 ai ap 
图 7-72 选择 “删除 记录 ”命令 图 7-73 “删除 记录 ”对 话 框 








05 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 这 样 就 完成 删除 留言 页 面 的 设 定 了 。 


7.5 留言 板 管理 系统 功能 的 测试 











将 相关 的 网 页 保存 并 上 传 到 服务 器 ， 就 可 以 测试 该 功能 的 执行 情况 了 。 
7.5.1 留言 测试 
测试 步骤 如 下 : 
01 打开 IE 浏览 器 , 在 地 址 栏 中 输入 “http:/127.0.0.1”% 打开 index.asp 文件 ,如 图 7-74 所 示 。 
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目 gmF: m0 上 a 
:ET 


:TS 


rae: ELK 





BB wm 于: am FT Se 
29: ara57E TT 
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Nag: REN 





EE 
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图 7-74 首页 效果 
02 单 击 “ 在 线 留言 ” 就 可 以 进入 留言 页 面 book.asp， 如 图 7-75 所 示 。 





留 言 
人 站 ee 留言 内 容 ” see 
‘ee: : 
ea * a 
~ 
#: : Sp 
nm [Jesas ~ 
EE CR] 





图 7-75 留言 页 面 效 果 图 


03 开始 检测 留言 板 功能 ， 在 留言 页 面 中 输入 如 图 7-76 所 示 的 信息 ， 再 单 击 “ 确 定 留言 ” 按 
钮 。 此 时 打开 gbook 数据 表 ， 可 以 看 到 记录 中 多 了 一 个 刚 填写 的 数据 ， 表 示 留 言 成 功 ， 如 图 7-77 
所 示 。 























FE ET ETEE 

1 可 以 译 组 到 漳 加 县 信 我 的 扎 加 盟 休 公司 * 但 并 关 的 综 作 区 下 SO-IT 上 午 10:01:00.3 上 午 09:52:45 127-0.0. a 

2 贡生 言 功 能 。 .和 下 色 言 二 能 桨 009-10-17 上 年 11 46:21 3 上 年 09:52:55 127 0.0.1 回 

6 我 相去 你 公司 看 者 了 朋 。 我 是 一 个 折合 目 产业 的 人 于? 可 以 去 件 芳 于 各 009-I-IT 下 年 5:42:36 3 上 年 09:38:48 127 0 0 1 男 

7 傈 下 了 了 De-I0-IT 上 年 10:03:08 3 上 年 10:16:21 12T.0.D .1 加 

Cin 中 心 而 十 忆 寺中 心 汉中 心 o Y 大 北京 2009-10-17 上 年 0B:28:147 上 年 09:28:14 127 0.0. [al 

2 下拉 测 凡 于 村 能 “加 时 或 功 ，ebosl 当 各 素 中 光 示 加 所 i 我 在 北京 2009-10-17 下 年 04.45:13.7 下午 04:45:13 127 0.0 1 回 

15 1 i 汪 我 和 北京 2012-3-15 上 年 11:51:16 5 Lf 11:51:15 127.0.0.1 回 

地 于 ut 了 我 芷 训 2012-3-15 下 年 04:44:57 3 下 年 04:44:5T 127.0.0 1 可 

19111 nm 101H01 2012-3-15 下 午 04:46:543 上 年 11:56:S1 127 0.0 1 加 ut rr 
24 测 式 时 析 动 能 是 天 下 列 式 站 言 析 动 能 是 天 正确 列 区 各 言 发 蕊 能 2 下 和 lz.093 下 029.09 127 0.0.1 [TS 和 3 ya 





图 7-77 向 数据 表 中 添加 的 数据 
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7.5.2 ”后台 管理 测试 
后 台 管 理 在 留言 板 管理 系统 中 起 着 很 重要 的 作用 , 制作 完成 后 也 要 进行 测试 , 操作 步骤 如 下 : 


01 打开 IE 浏览 器 ， 在 地 址 栏 中 输入 
http:/127.0.0.1/admin login.asp， 打 开 admin login.asp 
文件 ， 如 图 7-78 所 示 。 

02 在 网 页 的 表单 对 象 的 文本 框 及 密码 框 中 输入 
用 户 名 及 密码 ， 输 入 完毕 ， 单 击 “ 提 交 ” 按 钮 。 

03 果 在 第 一 步 中 填写 的 登录 信息 是 错误 的 ,浏览 器 就 会 转 到 主页 面 index.asp; 如 果 输 入 
的 用 户 名 和 密码 都 正确 , 就 进入 admin.asp 页 面 。 这 里 输入 前 面 数 据 库 设置 的 用 户 admin 和 密码 时 ， 
转 到 admin.asp 页 面 ， 如 图 7-79 所 示 。 








在 此 输入 管理 员 
的 账号 和 密码 


图 7-78 后 台 管 理 入 口 





















































兰 ， 昭 他 天 的 和 9 力 

留言 板 系统 后 台 管理 二 证 

从 这 可 一 管理 主页 面 ME :2012-3-16 下 二 01:32:10 

B 着 理 中 心 

全 。 丰 归 ba 和 
i 可 详细 来 电 开 加 归 信 息 吗 ? a TR ep 
2 MN 一 下 久 言 功能 轴 斌 一 下 十 言 功 验 目 揽 对 陈 
8 所 公 司 看 看 了 解 一 个 qu 网 ?长 呈 一 个 搞 和 息 产 业 的 人 事 ! 可 以 坏人 司 去 ix99 四 和 了 FrF-----------" 
了 Ht PR? BE 引 了 1 | 
9 中心 这 中 心 二 寺中 心身 六 中心 各 这 中 心 gM 一 1 单 击 “ 测试 中 心 ” "后 1 | 
E 检测 计 全 允 加 果 了 ,让 玫 划 中 本 天 加 了 本家 容 BE HR | 面 的 “删除 ” 文 字 ; | 
st 人 Bg 县 
wu us BE 1 进入 删除 页 面 | 
P| i pb ! | 
人 本 功能 是 硬 正确 二 计 是 布下 而 这 百 习 下 是 正确 | | 








图 7-79 打开 的 留言 管理 页 面 
04 单 击 后 面 的 “删除 ”文字 ， 进 入 删除 delbook.asp 页 面 ， 如 图 7-80 所 示 。 





次 今天 的 努力 | 


本 
留言 板 系统 后 台 管 理 计 
编号 ; zt 

留言 时 间 : DIE-T18 下 午 01:23:09 

留言 者 姓名 ; 。 李 圣 芳 

留言 者 09: 270400823 


0 eon 
7] 


es | --------- 1 


























图 7-80 打开 的 删除 页 面 
05 在 打开 的 删除 页 面 中 单 击 “删除 ”按钮 ， 此 留言 就 可 以 从 数据 库 中 删除 。 删 除 留言 后 返 


可 留言 管理 页 面 admin.asp。 
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06 在 留言 管理 页 面 选 择 “ 回 





可 复 页 








日 


















































复 ” 文 字 〈 本 次 测试 选择 编号 为 24 的 留言 进行 回复 )， 则 进入 
replyasp， 如 图 7-81 所 示 。 
留言 板 系统 后 台 管 理 Ee 性 
ee 二 在 此 输入 回 ! 
mi i E 4” ] 复 内 容 ! 
wer - jo 汉 LL 1 
| 
图 7-81 打开 的 回复 页 面 
07 填写 回复 内 容 “测试 回复 功能 ”再 单 击 “ 回 复 ” 按 钮 ， 将 成 功 回复 ， 并 自动 通过 审核 留 


言 内 容 。 























至 此 ， 完 成 了 网 站 留言 板 管理 系统 的 建设 ， 读 者 可 以 将 其 应 用 于 实际 网 站 中 。 


。 191。 


第 8 章 投票 管理 系统 开发 


一 个 投票 管理 系统 大 体 可 分 为 3 个 模块 :选票 模块 ,选票 处 理 模块 以 及 投票 结果 显示 模块 。 
投票 管理 系统 首先 给 出 选票 选 题 , 即 供 投票 者 选择 的 表单 对 象 , 当 投票 者 单 击 选择 投票 按钮 后 ， 
选票 处 理 模块 激活 ， 对 服务 器 传送 过 来 的 数据 做 出 相应 的 处 理 ， 先 判断 用 户 选择 的 是 哪 一 项 ， 
把 相应 字段 的 值 加 1， 然 后 对 数据 进行 更 新 ， 最 后 将 投票 结果 显示 出 来 。 

将 要 制作 的 投票 管理 系统 的 网 页 及 网 页 结构 如 图 8-1 所 示 。 


投票 管理 系统 





本 章 重要 知识 点 >>>>>>>>>> 


投票 管理 系统 站 点 的 设计 
投票 管理 系统 数据 库 的 规划 
计算 投票 的 方法 

防止 刷新 的 设置 


8.1 系统 的 整体 设计 规划 


投票 管理 系统 可 以 分 为 3 个 部 分 的 页 面 内 容 :一 是 计算 投票 页 面 ,二 是 显示 投票 结果 页 面 ， 
三 是 用 来 提供 访问 者 选择 投票 主题 的 页 面 。 本 章 制 作 的 投票 系统 总 共有 4 个 页 面 , 页面 的 功能 
与 文件 名 称 如 表 8-1 所 示 。 





表 8-1 投票 系统 网 页 设计 表 















需要 制作 的 主要 页 面 页 面 名 称 功能 | 
开始 投票 页 面 voteasp 访问 者 可 以 开始 进行 投票 | 
计算 投票 页 面 voteadd.asp 对 访问 者 提交 的 数据 进行 计算 














显示 投票 结果 页 面 






voteok.asp 


显示 投票 选项 比例 和 总 投票 数 
票 失败 转向 的 页 面 
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8.1.1 页 面 设 计 规 划 


根据 介绍 的 投票 管理 系统 的 页 面 设计 规划 ， 在 本 地 站 点 上 建立 站 点 文件 夹 vote， 将 要 制作 
的 投票 管理 系统 的 文件 夹 和 文件 如 图 8-2 所 示 。 





Or = zs, se, we 9 ar 
we 
Er ee 2 ! 将 要 制作 的 投 ! 
一 ~ ee ! 票 管理 系统 的 ! 
0 ! 文件 夹 和 文件 1 








图 8-2 站 点 规划 文件 
8.1.2 网 页 美工 设计 


投票 管理 系统 的 页 面 共 4 个 , 包括 开始 投票 页 面 、 计 算 投 票 页 面 、 显 示 投票 结果 页 面 以 及 
投票 失败 页 面 。 计 算 投 票 页 面 voteadd.asp 的 实现 方法 是 : 先 接 收 vote.asp 所 传递 过 来 的 参数 ， 
然后 执行 累加 的 功能 。 为 了 保证 投票 的 公正 性 ,本 系统 根据 IP 地 址 的 唯一 性 设置 了 防止 页 面 刷 
新 的 功能 。 开 始 投 票 页 面 和 显示 投票 结果 页 面 的 设计 分 别 如 图 8-3 和 图 8-4 所 示 。 

















四 ER 



















































































图 8.3 开始 投票 页 面 图 84 “显示 投票 结果 页 面 
8.2 ”投票 数据 库 设 计 与 连接 


本 节 使 用 Access 建 立 投票 系统 的 数据 库 ， 该 数据 库 主要 用 来 存储 投票 选项 和 投票 次 数 ， 同 
时 进一步 掌握 投票 管理 系统 数据 库 的 连接 方法 。 
8.2.1 数据库 设计 


票 管理 系统 需要 一 个 用 来 存储 投票 选项 和 投票 次 数 的 数据 表 vote 和 用 于 存储 用 户 卫 地 
址 的 数据 表 ip。 创 建 的 vote 表 如 图 8-5 所 示 。 
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1-——J 
1 
1 





Fr- 字段 名 称 有 Ee 说 明 

a Er 

1 1. 数据 库 中 用 到 ia 文本 投票 选项 

的 一 些 字 段 名 称 | vote 数字 投标 次 数 

0 re 和 性 ey 
种 规 相交 NS 一 一 一 一 一 一 一 一 一 一 
大 小 | -1 
区 EE ! 3. 字段 的 使 用 ! 
人 工 1 说 明 1 
4 a 1 
索引 有 (无 重复 ) 
特有 标 忆 

字段 名 称 最 长 可 到 64 个 字符 (包括 空格 ), 按 

Eee 后 | 和 1 嫩 可 查看 有 关 字段 各 你 的 帮助 。 








图 8-5 创建 的 vote 数据 表 
数据 库 设 计 的 步骤 如 下 : 
01 投票 信息 数据 表 vote 的 字段 采用 如 表 8-2 所 示 的 结构 。 
表 8-2 投票 信息 数据 表 vote 


| 主编 号 | 中 jia jk | 


[ga 机 mm [xz la | | | | 
[开票 交 数 |voe | 数 宁 |kg 型 | | | 

02 首先 运行 Microsoft Access 2010 程序 ， 单 击 “ 空 数据 库 ” 按 钮 ， 在 主 界面 的 右 侧 打开 “ 空 
数据 库 ” 面 板 ， 如 图 8-6 所 示 。 








ET ER 











了 中 

Ee 可 用 楼 板 二 站 

网 x35 为 

ms 人 

mee J 届 

信息 数据 于 空 Web 数 震 等 

EE a 1 1. 单 击 这 里 打开 | 

Se 省 存储 数据 库 位 置 。! 

有 8 A | 

a 人 全 7 

2 Officecom 卉 折 话 omcecon He» 本 N=- 
Ye 1 2. 单 击 “ 创 建 " 按 ! 

加 .加 D -dl -1+ 钮 开始 创建 数据 表 1 

5 =- 1I------------ 





图 8-6 打开 的 空白 数据 库 面板 
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03 在 相关 路 径 中 先 新 建 几 个 存放 文件 的 文件 夹 ， 如 images 文件 夹 、mdb 文件 夹 等 , 如 图 8-7 
所 示 。 





1 
! 为 了 方便 使 用 , 先 ! 
建立 几 个 常用 的 文 ! 
件 夹 来 存放 文件 1 








图 8-7 建立 常用 文件 夹 


04 建立 好 几 个 常用 文件 夹 后 回 到 Access 2010 操作 软件 , 单 击 “ 空 数据 库 ” 面 板 上 的 国 按 钮 ， 
打开 “文件 新 建 数据 库 ” 对 话 框 ， 在 “保存 位 置 ” 下 拉 列 表 框 中 选择 站 点 vote 文件 夹 中 的 mdb 文 
件 夹 ， 在 “文件 名 ”文本 框 中 输入 文件 名 vote， 在 “保存 类 型 ”中 选择 “Microsoft Access 数据 库 

(2002-2003 格式 ) (*.mdb)” 如 图 8-8 所 示 。 














Fr------------" 
1 


_ -| 输入 数据 库 名 称 | 


























图 8-8 “文件 新 建 数据 库 ” 对 话 框 
05 单 击 “ 确 定 ”按钮 ， 返 回 “ 空 数据 库 ” 面 板 ， 再 单 击 “ 空 数据 库 ” 面 板 的 “创建 ”按钮 ， 
即 在 Microsoft Access 中 创建 了 vote.mdb 数据 库 ， 同 时 Microsoft Access 会 自动 生成 一 个 “ 表 1” 数 


据 表 ， 在 “ 表 1” 数 据 表 上 单 击 鼠 标 右键 ， 打 开 快 捷 菜 单 ， 执 行 快 捷 菜 单 中 的 “设计 视图 ”命令 ， 
如 图 8-9 所 示 。 











! 选择 “设计 视图 ” 开始 人 
! 对 vote 数据 表 进 行 设计 | 








图 8-9 打开 的 快捷 菜单 命令 
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06 选择 快捷 菜单 中 的 “设计 视图 ”命令 ,打开 “另存 为 ”对 话 框 ， 在 “ 表 名 称 ” 文 本 框 中 
输入 数据 表 名 称 vote， 如 图 8-10 所 示 。 

07 单 击 “ 确 定 ” 按 钮 ， 即 在 “所 有 表 ” 列 表 框 中 建立 了 vote 数据 表 ， 按 表 8-2 输入 字段 名 
并 设置 其 属性 ， 完 成 后 如 图 8-11 所 示 。 












































ER 
! 设置 字段 名 称 并 ! 
! 将 ID 设 为 主键 ”| 

! 输入 数据 表 名 称 vote ! 

图 8-10 “另存 为 ”对 话 框 图 8-11 创建 表 的 字段 


08 双击 臣 | 先 项 , 打开 vote 的 数据 表 , 为 了 预览 方便 , 可 以 在 数据 库 中 预先 添加 一 些 数据 ， 
如 图 8-12 所 示 。 





了 ID - iten -| vote  - 党 六 以 克 如 - r= 
1 14 ! 向 数据 表 中 添加 数据 ， 其 1 

3 动 同 站 开发 4 |- 二 中 vote 是 表示 投票 数 ， 一 | 

| 4 硬件 方面 es 1 开始 没 人 投票 就 为 0 票 “| 
#* (新 建 ) = S00 


图 8-12 vote 表 中 的 输入 记录 
098 用 上 述 方法 建立 一 个 ip 数据 表 ， 如 图 8-13 所 示 。 

















字段 圭 和 | 数据 类 型 明 

站 图 自动 编号 EE 1 
吕 [3 用 户 IF 地 址 1 其 中 ，ID 为 主键 ，! 
性 1 为 用 户 的 下 地 址 
Eee 
说 度 大 小 长 eB 
新 值 递 则 | 
入 二 
十 | 
素 引 有 (无 章 复 ] 
徊 衣 标 记 


庆生 称 县 长 可 到 64 个 地 茶 ( 包 托 空 档 ). 按 
日 龟 可 坦 委 有 关 李 段 名 各 的 帮助. 

















8-13 ip 数据 表 的 建立 
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10 编辑 完成 ， 单 击 “ 保 存 ” 按 钮 回 ， 然 后 关闭 Access 软件 。 
8.2.2 创建 数据 库 连 接 


在 数据 库 创建 完成 后 ， 必 须 在 Dreamweaver CC 中 建立 数据 源 连接 对 象 ， 这 样 才能 在 动态 
网 页 中 调用 这 个 数据 库 文件 。 
具体 的 连接 步骤 如 下 : 


01 依次 单 击 “ 控 制 面板 ”|“ 管 理工 具 ”|“ 数 据 源 (ODBC)”|“ 系 统 DSN” 命 令 , 打开 “ODBC 
数据 源 管理 器 ”对 话 框 中 的 “系统 DSN” 选 项 卡 ， 如 图 8-14 所 示 。 


02 在 图 8-14 中 单 击 “添加 (D)” 按 钮 , 打开 “创建 新 数据 源 ” 对 话 框 , 选择 Driver do Microsoft 
Access (*.mdb) 选项 。 














和 EBD -， 单 击 “ 添 加 (D)”! 
到 而 | ! 按钮 添加 DSN ! 
ED 1! 数据 源 1 

LY 





3 
一 | 
[ER [ER | 上 用 | EE 屿 = 

















图 8-14 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 项 卡 


03 选择 Driver do Microsoft Access (*.mdb ) 选项 后 , 单 击 “ 完 成 ”按钮 打开 “ODBC Microsoft 
Access 安装 ”对 话 框 ， 在 “数据 源 名 (N)” 文 本 框 输入 “connvote”， 如 图 8-15 所 示 。 











教 据 库 
[和 S] [EC | [个 夏 8)..， | [ 压 编 0),.. ] 





系 坟 数据 库 
加 无 四 
避 教 据 库 T) 








选项 四) 六 > 


8-15 “ODBC Microsoft Access 安装 ”对 话 框 


04 在 图 8-15 中 单 击 “选择 〈S)” 按 钮 ， 打 开 “ 选 择 数据 库 ” 对 话 框 ， 单 击 “ 驱 动 器 (V)” 
下 拉 列 表 框 右边 的 三 角 按 钮 中 ， 从 下 拉 列 表 框 中 找到 创建 数据 库 步骤 中 保存 数据 库 的 文件 ， 然 后 
在 左上 方 “ 数 据 库 名 (A)” 选 项 相对 文件 夹 mdb 中 选择 数据 库 文件 votemdb， 则 数据 库 名 称 自动 
添加 到 “数据 库 名 (A)” 文 本 框 中 ， 如 图 8-16 所 示 。 
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05 找到 数据 库 后 , 在 “选择 数据 库 ” 对 话 框 中 单 击 “ 确 定 ” 按 钮 , 回 到 “ODBC Microsoft Access 
安装 ”对 话 框 中 ， 再 次 单 击 “ 确 定 ” 按 钮 返回 到 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 
项 卡 中 ， 可 以 看 到 在 “系统 数据 源 ” 中 已 经 添加 了 一 个 名 称 为 connvote、 了 驱动 程序 为 Driver do 
Microsoft Access (*.mdb) 的 系统 数据 源 ， 如 图 8-17 所 示 。 

06 最 后 单 击 “ 确 定 ”按钮 ， 完 成 “ODBC 数据 源 管理 器 ”中 “系统 DSN” 选 项 卡 的 设置 。 

r------------- ， RE 
上 数据 库 文件 绝对 路 径 1 | #15 | 广 诈 wen [6 床 | 要 耻 | 连 局 | 关于 
系统 堵 据 焉 信 ) 


名 称 。 驱动 程序 添加 四) 
ED priver ao Wierosoft Mcess en) 













































































9 天 




















[le | 














图 8-16 “选择 数据 库 ” 对 话 框 图 8-17 “ODBC 数据 源 管理 器 ”对 话 框 

07 启动 Dreamweaver CC， 执 行 菜单 “文件 ”|“ 新 建 ” 命 令 ， 打开“ 新 建文 档 ” 对 话 框 ， 选 
择 “ 空 白 页 ”选项 卡 中 “页 面 类 型 ”下 拉 列 表 框 下 的 HTML 选项 ， 在 “布局 ”下 拉 列 表 框 中 选择 
“无 ”选项 ， 然 后 单 击 “ 创 建 ” 按 钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 一 个 名 为 vote.asp 的 网 页 并 
保存 ， 如 图 8-18 所 示 。 

08 设置 好 “站 点 ”“ 测 试 服务 器 ”在 Dreamweaver CC 软件 中 执行 菜单 “窗口 ”|“ 数 据 库 ” 
命令 ， 打 开 “ 数 据 库 ”面板 ， 单 击 “ 数 据 库 ”面板 上 的 外 按钮 ， 在 弹出 的 列表 中 选择 “数据 源 名 
称 (DSN)” 选 项 ， 如 图 8-19 所 示 。 






































输入 要 保存 的 ! 
文件 名 | 
RFR TY: [A Documenss Chom hi shomrahtmk shem i sme sj "Jeon appeacher an 避 
em [pms] 自 定义 连接 字符 串 
sare | [apo] lal 类 据 源 名 称 (DSI) 
图 8-18 建立 首页 并 保存 图 8-19 选择 “数据 源 名 称 (DSN)” 选 项 


09 打开 “数据 源 名 称 (DSN)” 对 话 框 ， 在 “连接 名 称 ” 文 本 框 中 输入 “connvote”， 单 击 “ 数 
据 源 名 称 (DSN)” 下 拉 列 表 框 右边 的 三 角 按钮 回 ， 从 打开 的 下 拉 列表 中 选择 connvote 选项 ， 其 他 
参数 保持 默认 值 ， 如 图 8-20 所 示 。 


。 198。 





投票 管理 系统 开发 第 8 和 党 








BR SN [cnnmote rm). ~ ~ Bl -选择 数据 源 | 
用 户 名 生 | 

Pe | ! 1 
人 


审 嫩 : 
Dreamweaver 应 连接 目 使 用 测试 量 务 芒 上 的 DSN 
加 使 用 本 地 DSN 





图 8-20 “数据 源 名 称 (DSN)” 对 话 框 


10 单 击 “ 确 定 ” 按 钮 , 完成 数据 库 的 连接 , 同时 在 网 站 根 目录 下 自动 创建 一 个 名 为 Connections 
的 文件 夹 。Connections 文件 夹 里 面 有 名 称 为 connvote.asp 的 文件 ， 至 此 完成 数据 库 的 连接 。 


8.3 ”投票 管理 系统 页 面 设计 


对 投票 管理 系统 来 说 ， 需 要 重点 设计 的 页 面 是 开始 投票 页 面 vote.asp 和 投票 结果 页 面 
voteok.asp。 计 算 投 票 页 面 voteadd.asp 是 一 个 动态 页 面 ， 没 有 相应 的 静态 页 面 效 果 ， 只 有 累加 
投票 次 数 的 功能 。 


8.3.1 开始 投票 页 面 的 设计 


开始 投票 页 面 vote.asp 主 要 是 用 来 显示 投票 的 主题 和 投票 的 内 容 ， 让 用 户 进行 投票 ， 然 后 
把 投票 的 选项 值 传递 到 计算 投票 页 面 voteadd.asp 页 面 进行 计算 。 
详细 的 操作 步骤 如 下 : 


01 打开 刚 创 建 的 vote.asp 页 面 ， 输 入 网 页 标题 “投票 主页 ” 执行 菜单 “文件 ” |“ 保存 ” 命 
令 将 网 页 保存 。 

02 执行 菜单 “修改 ”|“ 页 面 属 性 ”命令 ， 打 开 “ 页 面 属性 ”对 话 框 ， 单 击 “ 分 类 ”列表 框 
中 的 “外 观 〈CSS)” 选 项 ， 然 后 在 “上 边 距 ”文本 框 中 输入 0， 背 景 颜色 设 为 #YCCCCCC (灰色 )， 
设置 字体 大 小 为 12px， 如 图 8-21 所 示 。 





EE 
设置 字体 大 小 统一 为 12px、 














1 | 
- 分 类 $m ss) 
! 上 边 距 为 0， 让 页 面 的 第 一 ___| | 几 茹 mr 
~----- 息 加------# 加 :到 = 
1 个 表格 能 置顶 到 上 边 1 x#mem: 
oma 2 此 果 关 @ 9) - 国 zccecr 
Ya 0 3 
ab 
左边 外史) rw ~ 这 距 虽 Ls 
Ho 0 (eo TaEm) 
ET] CC 本 [对 |] [BW | 











图 8-21 “页 面 属性 ”对 话 框 
03 单 击 “ 确 定 ” 按 钮 ， 进 入 “文档 ”窗口 ， 执 行 菜单 “插入 ”|“ 表 格 ”命令 ， 打开“ 表格” 
对 话 框 。 在 “ 行 数 ”文本 框 中 输入 需要 插入 表格 的 行 数 4， 在 “ 列 ” 文 本 框 中 输入 需要 插入 表格 的 
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列 数 3， 在 “表格 宽度 ”文本 框 中 输入 600 像素 ,“ 边 框 粗细 ”“ 单 元 格 边 距 ” 和 “单元 格 间 距 ” 都 
为 0， 其 他 设置 如 图 8-22 所 示 。 

04 单 击 “ 确 定 ” 按 钮 插入 一 个 4 行 3 列 的 表格 ， 并 在 “属性 ”面板 中 设置 “对 齐 ” 为 “ 居 
中 对 齐 ” 分 别 选 择 第 1、2、4 行 中 的 3 个 单元 格 , 在 “属性 ”面板 中 , 单 击 “ 合 并 所 选单 元 格 ” 
按钮 ， 分 别 将 第 1、2、4 行 表格 合并 ， 再 依次 执行 菜单 “插入 ”|“ 图 像 ”命令 ， 在 第 1 行 中 插入 
images 文件 夹 中 的 vote_01.gif 图 像 ， 在 第 2 行 中 插入 images 文件 夹 中 的 vote_02.gif 图 像 ， 在 第 4 
行 中 插入 images 文件 夹 中 的 vote_04.gif 图 像 ， 最 后 的 效果 如 图 8-23 所 示 。 






































Cm 
图 8-22 “表格 ”对 话 框 








1 合并 单元 格 , 并 在 不 上; 
1 同 的 单元 格 中 插入 1 
| 不 同 的 图 片 ! | 


图 8-23 插入 图 像 


05 在 第 3 行 表格 的 第 1 个 和 第 3 个 单元 格 中 ， 分 别 设置 高 度 为 271 像素 、 宽 度 为 76 像素 ; 
在 第 2 个 单元 格 的 “属性 ”面板 的 背景 中 ， 设 置 背景 图 片 为 images 文件 夹 中 的 vote_ 03.gif 图 像 ， 
得 到 的 效果 如 图 8-24 所 示 。 

bs 
上 设置 单元 格 的 宽度 
上 和 高 度 ， 在 单元 格 ! 
! 中 插入 背景 图 片 











图 8-24 插入 背景 图 片 
06 在 刚 创建 背景 图 片 的 单元 格 中 ， 执 行 菜单 “插入 ”|“ 表 单 ”| “表单 ”命令 ， 再 执行 菜单 
“插入 ”|“ 表 格 ”命令 ， 在 表单 中 插入 一 个 3 行 2 列 的 表格 ， 在 第 2 行 的 第 1 个 单元 格 中 执行 菜 
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单 “ 插 入 ”|“ 表 单 ”|“ 单 选 按钮 ”命令 ， 插 入 一 个 “ 单 选 按钮 ” 在 “属性 ”面板 中 将 其 命名 为 ID， 
如 图 8-25 所 示 。 





























可 单 选 按 团 7/ we [ 初始 状态 〇 已 匀 亿 已 ) 类 加 ) 无 司 
部 区。 动态] 未 法 中 亿 








图 8-25 设置 “ 单 选 按 钮 ”名 称 


07 将 第 3 行 表格 合并 ， 然 后 执行 菜单 “插入 ”| “ 表 [Bnei 
单 ”| “按钮 ”命令 ， 插 入 两 个 按钮 ， 一 个 是 用 来 提交 表单 。 | 0 

















的 按钮 (命名 为 “投票 ”), 另 一 个 是 用 来 查看 投票 结果 的 按 EE 
钮 (命名 为 “查看 ”)， 效 果 如 图 8-26 所 示 。 图 8-26 效果 图 


08 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 命 令 。 在 打开 的 “记录 集 ” 对 话 框 中 ， 输 入 如 表 8-3 所 示 的 数据 ， 单 击 “ 确 定 ”按钮 完成 设 
置 ， 如 图 8-27 所 示 。 














表 8-3 “记录 集 ” 的 表格 设 定 








亚 一 一 一 一 一 一 一 一 一 一 一 一 
1 
1 


选择 connvote 数据 
， 源 中 的 vote 数 据 表 
站 1 中 的 全 部 字段 建 
! 立 “记录 集 ” 查 询 















图 8-27 “记录 集 ” 对 话 框 





09 单 击 “确定 ”按钮 , 完成 记录 集 Rs 的 绑 定 。 绑 定 记录 集 后 , 将 记录 集中 的 字段 插入 vote.asp 
网 页 的 适当 位 置 ， 如 图 8-28 所 示 。 


在 计算 机 方面 你 最 专业 的 : 


© fhsite} 
Es 

















图 8-28 ”将 记录 集 的 字段 插入 vote.asp 网 页 
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10 单 击 “ 单 选 按钮 ”， 将 字段 ID 绑 定 到 单 选 按钮 上 ， 绑 定 后 在 “ 单 选 按钮 ” 的“ 属性” 面 
板 中 的 “ 选 定 值 ”文本 框 中 添加 插入 ID 字段 的 相应 代码 为 : <%=(Rs.Fields.Item("ID"). Value)%> ， 
如 图 8-29 所 示 。 























Bl 这 定 信 区 E5265EE。。。 初 好 状 老 〇 已 过 避 ) GO[ 元 。 要 
部 ] 蔬 “” 震 .加 三 中 四 








图 8-29 插入 字段 到 单 选 按钮 
11 加 入 “服务 器 行为 ”中 的 “重复 区 域 ” 命 令 ， 单 击 vote.asp 页 面 中 的 表格 ， 如 图 8-30 所 示 。 


oon 1 

1 0 I 
1 1 

1 的 那 一 ! O- {Rs. item} 


图 8-30 选择 记录 行 


12 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按 钮 ， 在 弹出 的 菜单 中 选择 “重复 区 
域 ”选项 ， 在 打开 的 “重复 区 域 ” 对 话 框 中 ， 设 定 一 页 显示 Rs 记录 集中 的 所 有 记录 ， 如 图 8-31 所 示 。 











有 





[x| 











图 8-31 “重复 区 域 ”对 话 框 


13 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 , 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表示 已 经 完成 设置 。 

14 在 vote.asp 页 面 中 ,将 鼠标 放 在 表格 中 ， 在 “标签 选择 器 ”上 单 击 <form> 标 签 ， 并 在 “ 属 
性 ”面板 设置 表单 forml 的 “动作 ”为 设置 投票 数据 增加 的 页 面 voteadd.asp、“ 方 法 ”为 POST， 
如 图 8-32 所 示 。 

15 单 击 页 面 中 的 “查看 ”按钮 ， 选 择 “ 标 签 <input>” 面 板 ， 再 单 击 “ 行 为 ”面板 中 的 四 按 
钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 URL” 选 项 ， 如 图 8-33 所 示 。 

16 打开 “ 转 到 URL” 对 话 框 ， 在 URL 文本 框 中 输入 要 转 到 的 文件 voteok.asp， 如 图 8-34 所 
示 ， 然 后 单 击 “确定 ”按钮 ， 完 成 ee 设置 。 




















动作 boteadd asp 了 | 已 姥 吕 避 类 局 | 无 回 





























图 8-32 设置 表单 动作 
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拖 动 AP 元 素 
改变 属性 
效果 » 
瑟 示 - 隐 关 元 素 
检查 播 件 

检查 表单 

设置 文本 上 
调用 JavaScript 
部 转 东单 

中转 茶 单 开始 









1 当 单 击 “ 查 看 ”按钮 时 


l 转 到 voteok.asp 页 面 





















转 到 URL 人 
预先 载 入 图 像 
获取 更 多 行为 





图 8-33 ”选择 “ 转 到 URL” 选 项 图 8-34 输入 “ 转 到 URL” 的 文件 地 址 


8.3.2 计算 投票 页 面 的 设计 


计算 投票 页 面 voteadd.asp, 主要 作用 是 接收 vote.asp 所 传递 
过 来 的 参数 ， 然 后 再 进行 累加 计算 。 
详细 操作 步骤 如 下 : 


01 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 
外 按钮 ， 在 弹出 的 菜单 中 选择 “命令 ”选项 ， 如 图 8-35 所 示 。 

02 在 打开 的 “命令 ”对 话 框 中 ， 设 置 如 表 8-4 所 示 的 数 
据 ， 如 图 8-36 所 示 。 














表 8-4 “更 新 命令 ”的 表格 设 定 


SB 

轩 一。 文档 类 型 : ASP YBseript 
记录 集 (前 淘 ) 
命令 

IN 

重复 区 域 
记录 集 分 页 » 
显示 区 域 » 
动态 文本 





图 8-35 选择 “命令 ”选项 














属性 设置 值 
名 称 Command1l 
连接 connvote 
类 型 更 新 
SQL UPDATE vote 
SET vote =vote + 1 
WHERE item = 'ID' 
变量 名 称 : ID 
运行 值 : request("ID") 
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te | (i 
i DE mt = 
1 对 vote 数据 表 中 i 
1 的 vote 字段 进行 1 
1 
上 更 新 1 未 Ez 
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图 8-36 ”建立 更 新 命令 


UPDATE vote 
// 更 新 vote 数据 表 
SET vote = vote + 1 
// 更 新 的 字段 为 “vote” 并 使 “vote” 在 原 有 基础 上 加 “1” 
WHERE item = 'ID' 
// 更 新 字段 的 条 件 为 “item” 等 于 传 过 来 的 参数 “ID” 


页 面 设计 中 “ 单 选 按 钮 ”的 值 要 与 数据 表 的 字段 一 样 ， 所 以 要 设置 Request("ID") 


提示 中 的 ID 为 “ 单 选 按钮 ”的 对 象 名 称 。 


03 单 击 “ 确 定 ”按钮 关闭“ 命令 ”对 话 框 ， 完 成 “加 入 更 新 ”命令 设置 。 








04 计算 投票 页 面 voteadd.asp 只 用 于 后 全 计算， 希望 投票 者 在 成 功 投票 之 后 转 到 投票 结果 页 面 











加 








voteok.asp, 只 要 加 入 代码 “Response.Redirect("voteok.asp")” 到 | voteadd.asp 页 面 就 可 以 完成 对 voteadd.asp 
页 面 的 制作 。 本 小 节 的 核心 代码 如 下 (其 中 ， 加 粗 的 是 要 添加 的 代码 Response.Redirect("voteok.asp") ): 











// 转 到 voteok.asp 页 面 

<!--#include file="Connections/connvote.asp" --> 

< 多 

if (request("ID") <> "") then Commandl1l _ID = request("ID") 
多 > 

< 多 

set Commandl = Server.CreateObject ("ADODB .Command") 
Command1.RActiveConnection = MM_connvote_STRING 

Command1 .CommandText = "UPDATE vote SET vote = vote + 1 WHERE item = 
ZE RopEace(Gommandl ee TO 
Commandl.CommandType = 1 

Commandl.CommandTimeout = 0 

Commandl .Prepared = true 

Command1 .Execute() 

Response.Redirect ("voteok.asp") 

$> 
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8.3.3 显示 投票 结果 页 面 的 设计 


显示 投票 结果 页 面 voteok.asp 主 要 是 用 来 
显示 投票 总 数 结果 和 各 投票 的 比例 结果 。 静 态 
页 面 设 计 效果 如 图 8-37 所 示 。 


01 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 
板 上 的 轩 按 钮 , 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 。 在 打开 的 “记录 集 ” 对 话 框 中 ， 设 
定 如 表 8-5 所 示 的 数据 ， 如 图 8-38 所 示 。 图 8-37 显示 结果 页 面 设计 效果 图 
























































表 8-5 “记录 集 “ 的 表格 设 定 


EE 
EI 
EE 


EE 
| 


排序 











| 选择 connvote 数据 浙 ! 
gw pe |， 中 的 vote 数据 表 中 的 | 
区 @ 和 新昌 过 的 EE | | 全 部 字段 建立 “记录 ! 

Be i | 集 ” 查询 ! 





第 进 : 无 =]E 
UL 参数 


排序 : 无 于 ] 升序 





图 8-38 设 定 “ 记 录 集 ”对 话 杠 

















02 再 次 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 外 按钮 ， 接 着 在 弹出 的 菜单 中 选择 “ 记 
录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 单 击 “高 级 ”按钮 ， 进 入 高 级 编辑 窗口 ， 并 在 
SQL 对 话 框 中 加 入 以 下 代码 ， 如 图 8-39 所 示 。 

SELECT sum(vote) as sum 

// 选 择 vote 字段 进行 计算 合计 ， 函 数 sum () 用 于 计算 总 值 

FROM vote 


// 从 数据 表 vote 中 取出 数据 
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票 总 数 的 记录 集 

















图 8-39 “记录 集 ” 对 话 杠 


03 单 击 “ 确 定 ”按钮 , 完成 记录 集 的 设置 , 绑 定 记录 集 后 , 将 记录 集中 的 字段 插入 voteok.asp 


网 页 中 的 适当 位 置 ， 如 图 8-40 所 示 。 


EE [Rsl. sum) | 条 加 投票 ! 














=- -1 


1 的 适当 位 置 























图 8-40 字段 的 插入 
04 单 击 [ 何 ] 校 钮 进入 “代码 ”视图 编辑 页 面 ,在 “代码 ”视图 编辑 页 面 中 找到 如 下 代码 : 





<%= (Rs.Fields.Item("vote") .Value)®%>/<%= (Rsl1.Fields.Item("sum") .Value)%®> 


// 相 应 百分比 的 代码 

按 下 面 步骤 修改 此 段 代 码 。 

(1) 去 掉 “/” 前 面 的 %> 与 “/” 后 面 的 <%=， 得 到 代码 : 

<%=(Rs. Fields.Item("vote") .Value) / (Rsl.Fields.Item("sum") .Value) %> 

(2) 把 <%= 和 %> 之 间 的 代码 用 () 括 上 ， 得 到 代码 : 

<%=( (Rs.Fields.Item("vote") .Value) / (Rsl.Fields.Item("sum") .Value) )%> 


(3) 在 代码 后 面 加 入 *100， 再 次 全 部 用 〈) 给 括 上 ， 得 到 代码 : 


<%=( ( (Rs.Fields.Item("vote") .Value) / (Rsl.Fields . 
Item("sum") .Value) )*100)%> 


1 将 字段 插入 网 页 中 


(4) 在 代码 前 面 加 入 round， 在 *100 前 面 加 入 小 数 点 保留 位 数 4， 并 用 () 括 上 ， 得 到 代码 : 


<%=(Round (((Rs.Fields.Item("vote") .Value)/ 
(Rs1l.Fields.Item("sum") .Value) ), 4)*100)%> 











05 代码 修改 之 后 ， 因 为 控制 网 页 中 的 长 度 也 是 用 的 这 段 代 码 ， 所 以 将 这 段 代码 进行 复制 ， 
























































然后 单 击 加 按钮， 切换 到 “代码 ”窗口 ， 选 择 <img> 中 的 width 值 并 将 其 代码 进行 粘贴 ， 因 为 在 
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案 中 没有 用 到 小 数 点 的 设置 ， 所 以 将 代码 前 面 round 和 保留 位 数 4 删除 ， 得 到 的 代码 为 : 


<img src="images/bar.gif" width="<gs=(((Rs.Fields.Item("vote") .Value) / 
(Rsl.Fields.Item("sum") .Value))*100)®%>%" height="13" /> 


这 样 图 像 就 可 以 根据 比例 的 大 小 进行 宽度 的 缩放 ， 设 置 如 图 8-41 所 示 。 
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图 8-41 设置 图 像 的 缩放 


06 单 击 [设计 | 按钮 ， 回 到 “设计 ”编辑 窗口 ， 加 入 “服务 器 行为 ”中 的 “重复 区 域 ”命令 ， 
选择 voteok.asp 页 面 中 需要 重复 的 表格 ， 如 图 8-42 所 示 。 




















图 8-42 ”选择 “记录 集 行 ” 
07 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 “重复 
域 ” 选 项 ， 在 打开 的 “重复 区 域 ” 对 话 框 中 ， 设 定 显 示 Rs 记录 集中 的 所 有 记录 ， 如 图 8-43 所 示 。 





风 


ak Ed 


显示 : 器 [10 记录 





bh 


回 所 有 记录 





图 8-43 “重复 区 域 ” 对 话 框 

08 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 , 会 发 现 先前 所 选取 要 重复 的 区 域 左 上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表示 已 经 完成 设置 。 

09 单 击 页 面 中 的 “返回 ”按钮 ， 选 择 “标签 <input>” 面 板 ， 再 单 击 “ 行 为 ”面板 上 的 外 按 
钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 URL” 选 项 ， 在 打开 的 “ 转 到 URL” 对 话 框 中 的 URL 文本 框 中 输 
入 要 转 到 的 文件 “voteok.asp”， 如 图 8-44 所 示 。 





























*。207。 
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图 8-44 输入 转 到 URL 的 文件 地 址 
10 单 击 “ 确 定 ”按钮 ， 完 成 显示 结果 页 面 voteok.asp 的 设置 。 测 试 浏览 效果 如 图 8-45 所 示 。 




















Ga O- 个 pylz7Q018080vctzokcasp Bo- sox| 
EF 可 




















图 8-45 ”显示 投票 结果 页 面 的 效果 图 
8.3.4 防止 页 面 刷新 的 设计 


一 个 投票 管理 系统 是 要 求 公平 、 公 正 的 投票 , 不 允许 进行 多 次 投票 ， 所 以 在 设计 投票 开始 
系统 时 有 必要 加 入 防止 页 面 刷新 的 功能 。 

实现 该 功能 的 详细 操作 步骤 如 下 : 

O1 打开 开始 投票 页 面 vote.asp， 把 光标 放 在 表单 中 ， 执 行 菜单 “插入 ”|“ 表 单 ”|“ 隐 藏 域 ” 
命令 ， 插 入 一 个 隐藏 字段 voteip。 

02 单 击 隐藏 域 国 图 标 ， 打 开 “ 属 性 ”面板 。 设 置 隐藏 域 的 值 为 <%=Request.Server- 
Variables("REMOTE_ADDR")%>， 如 图 8-46 所 示 。 


// 取 得 用 户 IP 地 址 


| 插入 一 个 隐藏 域 voteip 并 设置 隐藏 域 voteip 的 值 为 
<%=RequestServerVariables("REMOTE_ADDR")%> 














图 8-46 设置 隐藏 字段 值 
03 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 “ 插 




















入 记录 ”选项 ， 弹 出 “插入 记录 ”对 话 框 ， 设 置 如 表 8-6 所 示 的 参数 ， 如 图 8-47 所 示 。 





* 208。 
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表 8-6 “插入 记录 ”的 表格 设 定 




















属性 设置 值 

连接 connvote 

插入 到 表格 ip 

插入 后 ， 转 到 vote.asp 

获取 值 自 forml 

表单 元 素 voteip 插 入 到 列 中 ip 























将 表单 里 输入 的 数据 插入 





到 元 天 I 


i 
1 
1 到 让 数据 表 中 ， 插 入 后 转 Eee 
1 
1 


到 vote.asp 页 面 
上 





图 8-47 设置 “插入 记录 ”参数 
04 单 击 EE 台 按钮 ， 切 换 到 “代码 ”窗口 ， 找 到 如 下 代码 : 


If (CStr(Request ("MM insert")) = "forml") Then 





MM editConnection = MM connvote_ STRING 
MM editTable = "voteip" 
MM editRedirectUrl = "vote.asp" 
MM fieldsstr = "hiddenFieldlvalue" 
MM columnsstr = "IPl|',none,''" 

将 MM_editRedirectUrl = "vote.asp" 修 改 成 为 


MM editRedirectUr]l = "vote.asp?ID="&Request.Form("ID") 


05 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 “用 


户 身份 验证 ” |“ 检查 新 用 户 名 ”选项 ， 在 打开 的 “检查 新 
则 转 到 sorry.asp” 页 面 ， 如 图 8-48 所 示 。 
06 单 击 “ 确 定 ”按钮 ， 完 成 防止 页 面 刷新 设置 。 





07 当 用 户 再 次 投票 时 ， 系 统 可 以 根据 IP 的 唯一 性 进行 判断 。 当 用 




















用 户 名 ”对 话 框 中 设置 “如 果 已 存在 ， 








到 投票 失败 页 面 sorry.asp。sorry.asp 页 面 设计 如 图 8-49 所 示 。 


ee 
! 获取 到 的 IP 地 址 ， 因 为 是 在 人 、、 
! 本 机 测试 ， 所 以 为 127.0.0.1 








RE 一 
用 户 宅 字 让 [oteiy = EL 
如 果 已 存在 ， 则 转 到 : sorry. asp [ES 取向 
Cm 





图 8-48 “检查 新 用 户 名 ”对 话 框 








户 再 次 投票 的 时 候 ， 将 转 























图 8-49 


投票 失败 页 面 效 果 图 
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08 在 sorry.asp 页 面 有 两 个 页 面 链 接 :“ 回 主页 面 ” 链 接 到 vote.asp, “查看 结果 ”链接 到 
Voteok.asp。 














8.4 投票 管理 系统 测试 


投票 管理 系统 设计 完了 以 后 ， 可 以 对 设计 的 系统 进行 测试 ， 按 F12 功能 键 或 打开 IE 浏览 
后 输入 “http://127.0.0.1/ vote.asp” 进 行 测试 。 
测试 步骤 如 下 : 


01 打开 DreamweaverCC 中 的 vote.asp 文件 ， 按 F12 功能 键 或 打开 “http:/127.0.0.1/vote.asp” 
得 到 开始 投票 页 面 ， 效 果 如 图 8-50 所 示 。 

02 单 击 “ 单 选 按钮 ”组 中 的 其 中 一 项 ， 再 单 击 “投票 ”按钮 ， 开 始 投票 。 

03 单 击 “ 投 票 ”按钮 后 ， pe voteadd.asp， 因 为 voteadd.asp 只 是 计算 投票 数 的 
一 个 统计 数字 页 面 ， 而 是 显示 投票 结果 页 面 voteok.asp。voteok.asp 页 面 是 voteadd.asp 转 过 来 的 一 
个 页 面 ， 效 果 如 图 8-51 所 示 。 































四 -| 麦 htpy/127.00.1.8080/voteokasp Bo-acox) 
Ez 
文件 (月 ” 连 看 (E) 到 看 (V) ”收藏 突 (AI “工具 (T) 帮 动 (H) 


在 计算 机 方面 你 最 专业 问题 调查 中 总 共有 35 参加 投票 ! 








EC 辆 中 。 坦 理 It 惠 s 人 工具 [部 二 [H) 








请 把 林 ! 未 投标 可 六 村 一次 





在 计算 机 方面 你 最 专业 的 是 ? 























入 100% ~ 











图 8-50 打开 的 开始 投票 页 面 图 8-51 显示 投票 结果 页 面 效果 图 


04 单 击 按钮 ， 回 到 投票 页 面 vote.asp 中 。 
05 当 你 投 过 一 次 票 后 再 次 进行 投票 时 系统 将 转 到 投票 失败 页 面 sorryasp， 提 示 你 “对 不 起 ， 
你 已 投 过 一 ps 请 不 要 多 次 投票 ”。 


经 过 上 面 的 测试 , 说 明 该 管理 投票 系统 的 所 有 功能 已 经 开发 完毕 , 用 户 可 以 根据 需要 修改 
投票 的 选择 项 ， 经 过 修改 后 的 投票 系统 可 以 适用 于 任何 大 型 网 站 的 开发 与 建设 。 


*210。 


第 9 章 BBS 论坛 系统 开发 


BBS (Bulletin Board System， 电 子 公告 板 ) 是 一 种 基于 Internet 的 信息 服务 系统 。 它 提供 
了 公共 电子 白板 ， 每 个 用 户 都 可 以 在 上 面 发 布 信息 和 留言 。 本 章 将 学 习 BBS 论 坛 的 开发 方法 ， 
BBS 论 坛 通常 按 不 同 的 主题 划分 为 很 多 个 版 块 ,按照 版 块 或 者 栏目 的 不 同 , 可 以 由 管理 员 设 立 
不 同 的 版 主 ， 版 主 可 以 对 自己 的 栏目 或 版 块 进行 删除 、 修 改 或 者 锁定 等 操作 。 

将 要 制作 的 BBS 论 坛 系统 的 网 页 及 网 页 结构 如 图 9-1 所 示 。 


访问 者 登录 























admin login.asp 
del_ref.asp 










upd title.asp 





图 9-1 BBS 论坛 系统 结构 图 
本 章 重要 知识 点 >>>>>>>>>> 


掌握 BBS 论坛 系统 的 功能 页 面 规划 

建立 BBS 论坛 系统 的 数据 库 

BBS 论坛 系统 中 新 增 主 题 、 删 除 主题 、 回 复 主题 的 方法 
BBS 论坛 系统 后 全 管理 功能 的 开发 


9.1 系统 的 整体 设计 规划 














BBS 的 主要 功能 是 通过 在 计算 机 上 运行 服务 软件 ， 允 许 用户 使 用 终端 程 
来 进行 连接 , 执行 用 户 消息 之 间 的 交互 功能 。 系统 的 开发 是 比较 复杂 的 ,需要 
规划 ， 本 章 要 开发 的 BBS 论坛 系统 页 面 的 功能 与 文件 名 称 如 表 9-1 所 示 。 





序 ， 通 过 Internet 
经 过 前 期 的 系统 
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表 9-1 BBS 论坛 系统 网 页 设计 表 




























































































需要 制作 的 主要 页 面 页 面 名 称 功能 

BBS 论 坛 系 统 主页 面 index.asp 显示 主题 和 回复 情况 的 页 面 
讨论 主题 内 容 页 面 content.asp 主要 显示 讨论 主题 的 回复 内 容 页 面 
新 增 讨论 主题 页 面 bbs add.asp 增加 讨论 主题 的 页 面 

可 复 讨 论 主题 页 面 bbs reply.asp 对 讨论 主题 进行 回复 的 页 面 
后 台 版 主 登入 页 面 admin login.asp 管理 者 登录 入 口 页 面 

后 台 版 主管 理 页 面 admin.asp 对 论坛 进行 管理 的 主要 页 面 
删除 讨论 页 面 del title.asp 删除 讨论 主题 的 页 面 

删除 回复 页 面 del reply.asp 删除 讨论 回复 内 容 的 页 面 
修改 讨论 主题 页 面 

显示 主题 所 有 将 与 主题 相关 的 所 有 回复 显示 











9.1.1 页 面 整 体 设计 规划 


前 面 介绍 了 BBS 论坛 系统 的 整体 设计 规划 ， 接 下 来 在 本 地 站 点 上 建立 站 点 文件 夹 bbs。 将 
要 制作 的 系统 文件 如 图 9-2 所 示 。 














OO re E 
二 -~! 整个 网 站 所 有 的 ! 
a ! 相关 文件 都 放 在 1 
Ee ! 这 个 文件 夹 中 1 











图 9-2 站 点 规划 文件 
9.1.2 ”网 页 美工 设计 


BBS 论 坛 系统 的 界面 要 求 简洁 明了 ， 尽 量 不 要 使 用 过 多 的 动画 和 大 图 片 ， 这 样 可 以 提高 
BBS 论坛 的 访问 速度 。 这 里 要 制作 的 首页 面 和 详细 内 容 页 面 效 果 如 图 9-3 和 图 9-4 所 示 。 





Er 


Ds vaneen: mata 


ptt Hn 











图 9-3 首页 的 美工 效果 图 9-4 详细 内 容 页 面 效 果 
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9.2 ”数据库 的 设计 与 连接 


制作 BBS 论坛 系统 的 数据 库 需 要 根据 开发 的 系统 大 小 而 定 , 这 里 要 设计 用 于 BBS 讨论 主题 
的 信息 表 bbs_main、 用 于 回复 内 容 的 信息 表 bbs_ref, 最 后 还 需要 建立 一 个 管理 员 进 行 管理 的 信 
息 表 admin。 


9.2.1 数据库 设计 









































首先 建立 一 个 bbs 数 据 库 ， 并 在 里 面 建立 管理 员 管 理 信息 表 admin、 讨 论 主题 信息 表 
bbs_main 和 回复 主题 信息 表 bbs_ref, 这 3 个 数据 表 作 为 任何 数据 的 查询 、 新 增 、 修 改 与 删除 的 
后 端 支持 。 创 建 的 讨论 主题 信息 表 bbs_main 如 图 9-5 所 示 。 


而 避 [er 一 了 TY 





JJ 3. 对 字段 的 使 ! 
! 用 说 明 ! 











图 9-5 创建 的 讨论 主题 信息 表 bbs_main 
具体 的 制作 步骤 如 下 : 
01 讨论 主题 信息 表 bbs_main、 回 复 主题 信息 表 bbs_ref 和 管理 员 管理 信息 表 admin 的 字段 采 



























































































如 表 9-2 一 表 9-4 所 示 的 结构 。 
表 9-2 讨论 主题 信息 表 bbs_main 

意义 字段 名 称 
讨论 主题 编号 bbs ID 
讨论 主题 的 标题 | bbs tile [文本 
讨论 主题 的 内 容 
发 布 主题 的 人 bbs_name 文本 10 
发 布 主题 的 时 间 bbs time 日 期 /时 间 Now0) 
发 布 主题 人 当时 的 表情 bbs_face 文本 

发 布 主题 人 的 性 别 bbs_sex 文本 
发 布 主 题 人 的 E-mail bbs_email 文本 20 
发 布 主题 人 的 个 人 主页 bbs_url 文本 20 
主题 的 点 击 次 数 bbs_hits 数字 长 整 型 
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表 9-3 回复 主题 信息 表 bbs_ref 







































































意义 字段 名 称 数据 类 型 字段 大 小 默认 值 
主题 编号 bbs_main ID 数字 长 整 型 

可 复 主 题 编号 bbs ref ID 自动 编号 长 整 型 

可 复 主 题 人 的 姓名 bbs_ref name 文本 20 

可 复 主 题 时 间 bbs_ref time 日 期 时 间 Now0 
可 复 主 题 内 容 bbs_ref content | 备注 

可 复 人 性 别 bbs_ref sex 文本 

可 复 人 的 个 人 主页 bbs_ref url 文本 20 

可 复 人 的 E-mail bbs_ref email 文本 20 























表 9-4 管理 员 管 理 信息 表 admin 








于 Microsoft Access 2010 程序 ， 单 击 “ 




















图 9-6 所 示 。 











6 Pa 


全 








数据 库 ” 按钮 ， 在 主 界面 























A es Din EE ermes 2000 PRE -Woo EE 
器 屿 本 用 本 本 | nd 
i aa 
EE 量 吕 忆 7 ， 
四 本 1 1. 单 击 这 里 选择 存储 | 
es | 数据 库 位 置 ! 
a .8 Ue 
保存 着 发布 of en a 定 3 
人 剖 下 加 
Da er WA。 
de i 
Ed 洲 . 单 击 “ 创 建 ”按钮 ! 
始 创建 数据 库 l 
= | 1 
图 9-6 打开 “ 空 数据 库 ” 面 板 


03 在 相关 路 径 中 先 新 建 几 个 常 





04 单 





“ 空 数 据 库 ” 





日 

















板 上 的 国 按 钮 打开 “文件 新 建 数据 库 ” 对 话 框 ， 在 “保存 位 置 








下 拉 列 表 框 中 选择 站 点 bbs 文件 夹 中 的 mdb 文件 夹 ， 在 “文件 名 ”文本 框 中 输入 文件 名 bbs， 如 


9-7 所 示 。 





的 右 侧 打开 “ 空 数据 


的 存放 文件 的 文件 夹 ， 如 images 文件 夹 、mdb 文件 夹 等 。 


» 





加 
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Fe ST 














1 1 输入 数据 库 名 称 ! a 


重 
下 ,et 1 













Exe ~、 _- 作 ! 2. 选择 数据 库 的 ! 
二 加 1 1 
Se i ! 类 型 l 
RIN: bbsmdb ~ RE | 一 一 一 一 一 一 一 一 一 一 一 一 
RT: [Microsoht Acceys 和 所 村 2002-2003 和 Of mdbl | 
~ Bax Tu 一 








图 9-7 “文件 新 建 数据 库 ” 对 话 框 
05 单 击 “ 确 定 ” 按 钮 返回“ 空 数据 库 ” 面 板 ， 再 单 击 “ 空 数据 库 ” 面 板 的 “创建 ”按钮 ， 
即 在 Microsoft Access 中 创建 了 bbs.mdb 文件 , 同时 Microsoft Access 会 自动 生成 一 个 名 称 为 “ 表 1” 
的 数据 表 ， 在 “ 表 1” 数 据 表 上 单 击 鼠 标 右键 ， 打 开 快 捷 菜 单 ， 选 择 “ 设 计 视图 ”命令 ， 如 图 9-8 
所 示 。 











选择 “设计 视图 ”! 
命令 开始 创建 
bbs_main 数据 表 





et tn 








a | CE ] 
Be 4 CP 
图 9-8 开始 创建 数据 表 bbs_main 
06 打开 “另存 为 ”对 话 框 ， 在 “ 表 名 称 ”文本 框 中 输入 数 
据 表 名 称 “bbs_main”， 如 图 9-9 所 示 。 
07 单 击 “确定” 按钮 ， 即 在 “所 有 表 ” 列 表 框 中 建立 了 
bbs_main 数据 表 ， 按 照 表 9-2 输入 字段 名 并 设置 其 属性 ， 完 成 后 
如 图 9-10 所 示 。 











图 9-9 设置 “ 表 名 称 ” 


*。 215。 
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了 ETA 
RS 人 上 me 站 
六 一 一 一 bbs_ID 动 编号 讨论 主题 编号 中 
1 根据 表 9-2 设置 字段 ! | tes-rine 文本 计 让 主 量 们 村 是 
1 名 称 类 型 ， 其 中 1 | 国 wee content 六 了 95 
bbs namc 2 
| 几 本 
bbe_face 次 鼎 布 主题 仿 
1 bbs_ID 为 主键 1 ES 区 二 二 三 各 人鱼 别 
eg 1 has-eail 文本 千 布 主题 人 的 e-na11 
四 we 文本 闪 布 三 题 人 的 个 人 主页 
bbs hit 弛 主题 的 点 击 次 对 E 
了 BEE 
二 
区 入 后 到 
6 
=Now0 
有 效 性 夫 到 
过 Es 字 吉 名 称 最 长 可 到 64 个 字符 (包括 空 宙 过 
EE 司 中 关 二 有 关 字 所 全 和 的 各 芭 ， 
莹 入 法 楼 区 关闭 
天 入 法 滑 避 模式 无 固化 
Bd 
Za 量 
旺 寺 日 其 去 吉 郑 为 3 期 














图 9-10 创建 表 的 字段 


08 双击 下 加 中 先 项 ， 打 开 bbs_main 数据 表 ， 为 了 方便 以 后 使 用 ， 可 以 在 数据 库 中 预先 输入 
一 些 记录 对 象 ， 如 图 9-11 所 示 。 


/ 
| bbs_ID “bbs_title - bbs_conte:» bbs_nane "| bbs_tine + bbs_face "| bbs_sex "bbs_enail " 





| 1 测试 BBS 论 坛 E BBS 系 统 开 理 员 aes/p5. /inages/2.8 
9-11 向 bbs_main 表 中 输入 记录 
09 用 上 述 方法 建立 如 图 9-12 和 图 9-13 所 示 的 数据 表 。 




















Ag 
字段 名 称 BE 识 明 3 反 务 : 灼 迫 类 型 
bbs_main_ID 剖 字 讨论 主题 编号 于 自动 纲 呈 管理 员 信 息 编号 
Wbbo ref ID 自动 编号 回复 主题 编号 sernaas 文本 管理 员 体 号 
号 文本 回 入 主 是 人 的 多 名 passvord 文本 千 理 只 禾 码 
日 期/ 时 间 加 如 主题 时 间 
备注 回复 主题 内 容 
文本 _ 回复 人 姓 别 
文本 辐 回 各 人 的 个 人 主页 
文本 回复 人 的 e-nail 
ee 
站 
字段 大 小 355 
国 
be 
冉 浴 信 
man 0 
本 OP 
| 光 兴 空 字 符 地 是 
主 
eee a 
i 
A 
图 9-12 回复 主题 信息 表 bbs_ref 图 9-13 管理 员 管理 信息 表 admin 


10 编辑 完成 ， 单 击 “ 保 存 ”| 回 按钮 ， 关 闭 Access 软件 。 
9.2.2 ”创建 数据 库 连 接 


数据 库 编辑 完成 后 , 必须 在 Dreamweaver CC 中 建立 数据 源 连接 对 象 . 这 里 使 用 ODBC 连 接 
数据 库 的 方法 。 
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具体 的 连接 步骤 如 下 : 
01 依次 单 击 “ 控 制 面板 ”|“ 管 理工 具 ”| “数据 源 (ODBC)”|“ 系 统 DSN ”命令 , 打开 “ODBC 
数据 源 管理 器 ”对 话 框 ， 然 后 打开 “系统 DSN” 选 项 上 不， 如 图 9-14 所 示 。 
02 在 图 9-14 中 单 击 “ 添 加 (D)” 按 钮 后 ， 打 开 “ 创 建新 数据 源 ” 对 话 框 。 在 “创建 新 数据 
源 ” 对 话 框 中 ， 选 择 Driver do Microsoft Access (*.mdb) 选项， 如 图 9-15 所 示 。 
1 打开 “系统 ! E | 
! DsN” 选项 卡 ， i 
! 进行 DSN 设 置 | | ! 2. 单 击 “ 添 加 (D)” 按 钮 ，! 
ee ! 添加 DSN 数据 源 1 
图 9-14 “ 
! 选择 数据 表 类 型 ! 


! 为 Access 数据 库 1 
1 


| 











图 9-15 “创建 新 数据 源 ” 对 话 框 
03 单 击 “完成 ”按钮 ， 打 开 “ODBC Microsoft Access 安装 ”对 话 框 ， 在 “数据 源 名 (N)” 
文本 框 输入 connbbs， 单 击 “ 选 择 〈S)” 按 钮 ， 打 开 “ 选 择 数 据 库 ”对 话 框 ， 单 击 “ 驱 动 器 (V)” 
下 拉 列 表 框 右边 的 三 角 按 乌 [z]， 从 下 拉 列 表 框 中 找到 在 创建 数据 库 步骤 中 数据 库 所 在 的 盘 符 ， 在 
“目录 (D)” 中 找到 在 创建 数据 库 步骤 中 保存 数据 库 的 文件 夹 ， 然 后 单 击 左 上 方 “ 数 据 库 名 (A)” 
选项 组 中 的 数据 库 文件 bbs.mdb， 则 数据 库 名 称 自动 添加 到 “数据 库 名 (A)” 文 本 框 中 ， 选 择 数据 
库 的 设置 如 图 9-16 所 示 。 























二 sh CD 
ll 输入 上 各 [le 
1 数据 名 称 | | sn 
证 SS 

系统 数据 库 

忆 无 加 

辣 吉 据 拓 () 
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图 9-16 选择 数据 库 
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04 找到 数据 库 后 ， 单 击 “ 确 定 ” 返回 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 选 
项 卡 。 在 这 里 看 到 的 “系统 数据 源 ” 中 已 经 添加 了 名 称 为 connbbs、 驱 动 程序 为 Driver do Microsoft 
Access(*.mdb) 的 系统 数据 源 ， 如 图 We 


EE 

RR) 

EN | 

Term ED 
BE 


























本 











EW EB [元 W ] Gm 
图 9-17 “ODBC 数据 源 管理 器 ”对 话 框 
05 设置 好 后 ， 单 击 “ 确 定 ”按钮 退出 ， 完 成 “ODBC 数据 源 管理 器 ”中 的 “系统 DSN” 的 
设置 。 
启动 Dreamweaver CC， 执 行 菜单 “文件 ”|“ 新 建 ” 命 令 ， 打开“ 新 建文 档 ” 对 话 框 ， 在 
“页 面 类 型 ”中 选择 HTML 选项 ， 单 击 “ 创 建 ” 按 钮 ， 在 网 站 根 目录 下 新 建 一 个 名 为 index.asp 的 
网 页 并 保存 ， 如 图 9-18 所 示 。 





| 扣 ”新建 什 空 








HSN: inderasn 
Pr Ty [All Documents (meme hemk shan shemir shtmk cme est je jeom'apPcachenam ™ | 








Uncode 二 5 


图 9-18 建立 首页 并 保存 


07 设置 好 “站 点 ”测试 服 务 器 ”, 在 Dreamweaver 
CC 中 执行 菜单 “文件 ” |“ 窗口 ”| “数据 库 ”命令 ， 打 和 
开 “ 数 据 库 ”面板 ， 单 击 “ 数 据 库 ” 面 板 上 的 团 按 钮 ， 人 
在 打开 的 菜单 中 选择 “数据 源 名 称 (DSN)” 选 项 ， 如 图 “图 9-19 选择 “数据 源 名称 (DSN)” 选 项 
9-19 所 示 。 

08 打开 “数据 源 名 称 (DSN)” 对 话 框 ， 在 “连接 名 称 ” 文 本 框 中 输入 “connbbs”， 单 击 “ 数 
据 源 名 称 DSN)” 下 拉 列 表 框 右边 的 三 角 按钮 轿 ， 从 打开 的 下 拉 列 表 框 中 选择 connbbs， 其 他 保 
持 默 认 值 ， 如 图 9-20 所 示 。 

09 单 击 “ 确 定 ” 按 钮 ， 完 成 数据 库 的 连接 。 
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| dt 
! 2. 选择 刚 设置 的 | 
i 上 数据 源 connbbs 】 


用 广 名 : 





时 机 
Dreamweaver 应 连接 : 日 使 用 测试 最 务 闫 上 的 DSN 
夯 使 用 本 地 DSN 





图 9-20 “数据 源 名 称 (DSN)” 对 话 杠 
9.3 BBS 论坛 系统 主页 面 设计 
在 Dreamweaver CC 中 定义 站 点 并 建立 数据 库 连接 后 ， 就 可 以 进入 ASP 网 页 的 设计 阶段 ， 
首先 制作 首页 index.asp， 该 页 面 主要 显示 所 有 的 讨论 主题 和 最 新 回复 的 一 些 信息 。 
9.3.1 BBS 论坛 系统 主页 面 


BBS 论坛 系统 的 主页 面 index.asp 显 示 所 有 的 讨论 主题 、 每 个 主题 的 点 击 数 、 回 复数 以 及 最 
新 回复 时 间 。 访 问 者 可 以 单 击 要 阅读 的 标题 链接 至 详细 内 容 ， 管 理 员 单 击 “ 管 理 ” 图 标 进入 管 
理 页 面 ， 单 击 “ 发 表 话题 ”图 标 发 表 一 个 新 的 主题 。 系 统 主页 面 index.asp 的 静态 页 面 设 计 如 图 
9-21 所 示 。 








图 9-21 BBS 论坛 系统 主页 面 静态 设计 效果 图 
详细 的 操作 步骤 如 下 : 





01 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 四 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 9-5 所 示 的 数据 ， 如 图 9-22 所 示 。 











表 9-5 “记录 集 ” 的 表单 设 定 




















属性 设置 值 属性 设置 值 
名 称 rs_bbs 列 全 部 
连接 connbbs 筛选 无 
表格 bbs_main 排序 无 
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名称 - rs_bbs 
连接 [caaabbs 相 EEXa 
































图 9-22 “记录 集 ” 对 话 框 


02 单 击 “ 高 级 ”按钮 ， 进 入 记录 集 高 级 设 定 的 页 面 ， 将 现 有 的 SQL 语法 改 成 以 下 的 SQL 语 
法 ， 如 图 9-23 所 示 。 


01. SELECT 

02. bbs Main.bbs_ID, 

03. FIRST (bbs Main.bbs Time) AS bbs Time, FIRST (bbs Main.bbs Hits) AS 
bbs Hits, 

04. FIRST (bbs Main.bbs Title) AS bbs Title,FIRST (bbs Main.bbs url) RS 
bbs url, FIRST ( 

bbs_ Main.bbs email) AS bbs email,FIRST (bbs Main.bbs_ sex) AS bbs_sex, FIRST 

(bbs_Main.bbs_Face) AS bbs Face, FIRST (bbs Main.bbs Content) RS 
bbs_Content, 

05. FIRST (bbs Main.bbs Name) AS bbs_ Name,COUNT (bbs Ref.bbs Main ID) AS 
ReturnNum, 

06. MAX(bbs Ref.bbs ref Time) AS LatesTime 

07, FROM 

08. bbs Main LEFT OUTER JOIN bbs _ Ref ON 

09. bbs Main.bbs_ID=bbs Ref.bbs Main_ID 

10. GROUP BY bbs Main.bbs_ID 



































名 称 
连接 - [connbbs 了 [EX 
SQL SELECT bbs in bbs_ID, FTEST (bs Nain 
TEST (bbs- Nain bbs-Hits) AS bbs Mits, FTI 
AS bbs_TitIe, FIRST fhbs Nain bbs_arl) AS .| 
(bbs Nain bbs,_ enail) AS bbs_emsi FIRST (bbs 
bbs_sex, FIRST (bs Nain bbs_Face) AS bbs_Fuce, PIEST 国 
分 数 - 地 | 一 
名 条 - 
| ea 
[3 
| 默认 值 
| 编辑 
数据 库 项 | 后 国 ”表格 法 加 到 SQL- 
a Me 一 = 
由 
C3 




















图 9-23 改写 SQL 语句 
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【分 第 一 条 bbs_ref 数据 表 中 的 记录 可 以 通过 bbs_main ID 字段 关联 到 bbs_main 数据 
表 中 的 bbs ID 字段 。 因 为 bbs ref 数据 中 对 应 的 数据 表 可 能 不 存在 ，bbs_ main 数 
据 表 并 非 一 定 有 对 应 回复 的 话题 . 所 以 LEFT JOIN 将 接合 关系 中 的 两 个 数据 表 分 
成 左右 两 个 数据 表 ， 其 中 左边 数据 表 在 经 过 接合 后 ， 不 管 右边 数据 表 是 否 存在 ， 
仍然 会 将 资料 全 部 列 出 。 
另外 ，GROUP BY 语句 是 针对 bbs_ main 数据 表 中 的 bbs_ID 字段 ， 在 第 2 行 到 第 
6 行 之 间 的 意思 就 是 取出 bbs_ main 数据 表 中 的 第 一 条 数据 的 特定 字段 内 容 。 同 时 
将 bbs ref 中 的 关联 取出 ,获得 bbs_ time 和 bbs ID 的 两 个 字段 内 容 。bbs_ref time 
字段 取 所 有 记录 中 最 新 回复 的 一 条 来 显示 . 而 bbs ID 字段 则 用 COUNT 计算 有 多 
少 人 回复 的 数目 。 


03 单 击 “ 确 定 ” 按 钮 ,完成 记录 集 rs_bbs 的 绑 定 , 绑 定 记 录 集 后 ,将 记录 集 的 字段 插入 index.asp 
网 页 中 的 适当 位 置 ， 如 图 9-24 所 示 。 


区 


Eg] 
缮 










图 9-24 字段 的 插入 


04 插入 字段 后 把 光标 放 入 {rs_bbs.bbs_Title} 的 前 面 ， 单 击 “ 拆 分 ”按钮 ， 进 入 “ 拆 分 ”工作 
环境 中 ， 在 其 中 输入 “<img alt="" />” 代 码 ， 插 入 一 个 图 像 占 位 符 ， 如 图 9-25 所 示 。 











05 插入 “图 像 占 位 符 ” 之 后 ， 选 中 “图 像 占 位 符 ”， 单 击 “ 属 性 ”面板 中 的 “ 源 文件 ”文本 
框 后 面 的 “指向 文件 ”按钮 并 拖 动 鼠标 至 “记录 集 (rs_bbs)” 选 项 中 的 bbs_Face 字段 中 ,如 图 9-26 
所 示 。 


















































CE Fy CD En ME: |ine sre | | 
图 9-25 “图 像 占 位 符 ” 对 话 框 图 9-26 选择 字段 


06 完成 记录 集 的 绑 定 ， 然 后 进行 显示 区 域 的 设置 ， 首 先 选 取 记 录 集 有 数据 时 要 显示 的 表格 ， 
如 图 9-27 所 示 。 


























| 版 二 是 








图 9-27 选择 要 显示 的 一 列 
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07 单 击 “ 服 务 器 行为 ”面板 上 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 “显示 区 域 ”|“ 如 果 记 录 集 
不 为 空 则 显示 区 域 ” 选项 ， 在 打开 的 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 中 ， 单 击 “ 确 定 ” 按 
钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 区 域 左 上 角 出 现 了 “如 果 符 合 此 条 件 则 显示 ”的 灰 
色 标 签 ， 表 示 已 经 完成 设置 ， 如 图 9-28 所 示 。 




















如 果 符合 此 条 件 则 显示 
版 块 主题 


蝙 {rgbbs, bbs, Titls} 














图 9-28 完成 显示 设置 


08 选择 没有 发 布 主 题 数 据 时 要 显示 的 文字 “目前 没有 发 表 任何 主题 ” 根据 前 面 的 操作 方法 ， 
将 区 域 设 定 成 “如 果 记 录 集 为 空 则 显示 区 域 ” 如 图 9-29 所 示 。 











了 采 符 合 此 系 件 出 夏 示 











图 9-29 选择 没有 数据 时 的 显示 


09 加 入 “服务 器 行为 ”中 “重复 区 域 ” 的 设置 ， 单 击 index.asp 页 面 中 要 重复 的 记录 行 ， 如 
图 9-30 所 示 。 








图 9-30 选择 要 重复 显示 的 那 一 行 


10 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区域 ” 选 项 ， 在 打开 的 “重复 区 域 ”对 话 框 中 ， 设 置 显示 的 记录 数 为 20， 如 图 9-31 所 示 。 























! 选择 要 重复 显示 的 讨论 主题 |- 
! 信息 的 记录 为 20 条 记录 1 





图 9-31 选择 一 次 可 以 显示 的 记录 条 数 


1 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 
“重复 ”的 灰色 标签 ， 表 示 已 经 完成 设置 。 








*。222。 
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12 接 下 来 插入 “记录 集 分 页 ”的 功能 ， 把 光标 移 至 要 加 入 “记录 集 分 页 ”的 位 置 ， 在 “ 服 
务 器 行为 ”面板 中 单 击 融 按钮 ， 在 弹出 的 下 拉 列 表 中 选择 “记录 集 分 页 ”功能 ， 插 入 记录 和 集 分 页 
选项 ， 如 图 9-32 所 示 。 
13 插入 完毕 后 ， 就 会 发 现 页 面 中 出 现 该 记录 集 的 导航 选项 ， 如 图 9-33 所 示 。 
























































图 9-32 选择 “记录 集 分 页 ”选项 
14 在 “主题 ”上 加 入 “ 转 到 详细 页 面 ”的 功 
能 ， 用 来 显示 特定 主题 详细 内 容 的 相关 回复 。 选 取 
编辑 页 面 中 的 rs_bbs.bbs_Title 字段 ,如 图 9-34 所 示 。 
15 单 击 “应 用 程序 ”面板 组 中 的 “服务 器 行 
为 ”面板 上 的 因 按 钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 
详细 页 面 ” 选项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 ， 单 击 “ 浏 览 ”按钮 ， 打 开 “ 选 择 文件 ”对 
话 框 ， 选 择 此 站 点 中 的 content.asp， 并 将 “传递 URL 参数 ”设置 为 bbs ID， 如 图 9-35 所 示 。 




















图 9-34 选择 字段 




















到 [Bsn S 





下 1 区 SECRET CJ 
上】 根据 字段 bbs ID 的 上- - -上 | yman mm 区 | 
1 值 转 到 contentasp 的 1 全 URL 艰 台 05_ 人 D 全 本 为 以下 吉 的 和 [| 
1 记 杂 入 [cats | 

! 详细 页 面 1 


传送 到 有 全 数 - 四 URL 参 数 
器 表单 数 








图 9-35 “ 转 到 详细 页 面 ”对 话 框 
16 单 击 “ 确 定 ” 按 钮 ， 完 成 “ 转 到 详细 页 面 ”的 设置 。 在 index.asp 页 面 中 有 两 个 按钮 :“ 管 
理 ” 与 “发 表 话题 ”， 必 须 设 定 其 链接 网 页 ， 如 表 9-6 所 示 。 


表 9-6 ”按钮 链接 的 页 面 表 


按钮 名 称 链接 页 面 
管理 admin login.asp 


发 表 话题 bbs add.asp 
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9.3.2 ”搜索 主题 功能 制作 
在 index.asp 页 面 上 加 入 搜索 的 功能 , 页 面 设计 
询 主题 : 








医 癌 ] 








如 图 9-36 所 示 。 

制作 步骤 如 下 : 图 9.36 搜索 主题 设计 

01 先 建 立 一 个 表单 form1， 在 表单 中 插入 一 个 查询 主题 的 文本 框 ， 命 名 为 keyword。 

02 将 之 前 建立 的 记录 集 rs_bbs 做 一 些 更 改 ， 打 开 记 录 集 ， 并 进入 “高 级 ” 设 定 对 话 框 。 在 
原 有 的 SQL 语法 中 GROUP BY bbs_Main.bbs_ID 的 前 面 加 入 一 段 查询 功能 的 语法 : 

WHERE bbs Title like '%"&keywordg"%" 

SQL 语句 将 变 成 如 图 9-37 所 示 。 

03 单 击 “ 确 定 ”按钮 ， 完 成 SQL 语句 的 修改 ， 再 切换 到 代码 设计 窗口 。 在 rs_bbs 记录 集 细 
定 的 代码 中 加 入 代码 : keyword= request("keyword") /定义 keyword 为 请 求 变量 “keyword” 如 图 
9-38 所 示 ， 完 成 设置 。 











oR oomert ekeinde 2p CHTNUY -Ox 












lf 
etain LEPT OUTER JOIJ 
DWHEFE bbs_Title Like “WA 






































图 9-37 修改 SQL 语句 图 9-38 加 入 代码 


04 以 上 的 设置 完成 后 ，index.asp 系统 主页 面 就 有 查询 功能 了 ， 可 以 按 F12 功能 键 至 浏览 器 
测试 一 下 是 否 能 正确 查询 。index.asp 页 面 会 显示 所 有 网 站 中 的 讨论 主题 ， 如 图 9-39 所 示 。 

05 在 关键 词 中 输入 “2” 并 单 击 “ 查 询 ” 按 钮 ， 结 果 会 发 现 页 面 中 的 记录 只 显示 有 关 “2” 
的 讨论 主题 ， 这 样 查询 功能 就 成 功 完成 了 ， 效 果 如 图 9-40 所 示 。 








b Demet 从 So1ri5382 二 





Baps eine KR ER 





Damron a 








tt ina 








= 
图 9-39 主页 面 浏览 效果 图 图 9-40 测试 查询 效果 图 
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9.4 访问 者 页 面 的 设计 
供 论坛 访问 者 使 用 的 页 面 有 讨论 主题 内 容 页 面 content.asp 和 回复 讨论 页 面 bbs_reply.asp， 
下 面 就 开始 这 两 个 页 面 的 制作 。 
9.4.1 讨论 主题 


讨论 主题 内 容 页 面 content.asp 是 实现 讨论 主题 的 详细 内 容 页 面 。 这 个 页 面 会 显示 讨论 主题 
的 详细 内 容 与 所 有 回复 者 的 回复 内 容 ， 页 面 设计 如 图 9-41 所 示 。 








讨论 主题 证 登 三 双 楚 府 主 场 捷 骑 士 帕克 31-~12 马 刺 力 破 魔 让 


主题 内 容 : 浪 体 育 讯 北京 时 间 3 月 
不 是 这 两 声 比赛 的 尝 注 : 。 骑士 
中 打 出 三 观 , 贡献 1 分 、10 个 禾 析 
给 也 查 了 ! 分， 巴 页 1 分 1 


发 表 人 ; 管理 网 例子 朗 件 内 主页 


2 I : safdeatt 
和: saad 


20123. 上 午 0641:15 区 电子 邮件 得 主页 


+， 雍 麻 主场 轻 职 骑士 ;“ 石 佛 ” 大 战 “ 厢 术 ”， 马刺 主场 难 难 过 头 。 以 

次 订 (1》-2 四 注 胜 。 厄 尔 称 -六 尔 亚 案 甩 全 下 2 分 ， 逢 乔 - 古 
卡 洛斯 ee wi 7 分 。 警 补 出 场 的 丁克- 漠 利 
AR 有 3 人 上 场 ， 和 用 

















图 9-41 讨论 主题 内 容 页 面 设计 效果 图 


详细 的 操作 步骤 如 下 : 


01 在 content.asp 这 个 页 面 中 ， 要 同时 显示 讨论 主题 与 回复 主题 的 内 容 ， 因 此 需要 把 两 个 记 
录 集 进行 合并 ， 一 次 取得 这 两 个 数据 表 中 的 所 有 字段 ， 根 据 主题 页 面 传送 过 来 的 URL 参数 bbs_ID 
进行 筛选 。 

02 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 处 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 单 击 “高 级 ”按钮 ， 进 入 记录 集 高 级 设 定 的 对 话 框 ， 将 
现 有 的 SQL 语句 改 成 如 下 的 SQL 语句 ， 如 图 9-42 所 示 。 

01. SELECT 

02. bbs main.*,bbs ref.* // 两 个 表 的 所 有 记录 ，* 代 表 所 有 

03. FROM 


04. bbs main LEFT OUTER JOIN bbs_ref ON bbs main.bbs_ID=bbs_ref.bbs main_ID 
/ /数据 关联 

















05. WHERE 
06. bbs main.bbs_ID = queryID 





Dreamweaver CC+ASP 动态 网 站 建设 与 典型 实例 











03 图 9-42 




















名 称 : queryID 
xB[Eai 
昔 : request. querystring( bbs_ID 
默认 值 : 1 








图 9-42 ”改写 SQL 语句 并 编辑 参数 


hh 设置 了 一 个 名 为 queryID 的 变量 值 , 并 且 将 其 设 为 request.querystring ("bbs_ID") 


同样 用 LEFT OUTER JOIN 关联 bbs_main 和 bbs ref 中 的 字段 ， 取 得 两 个 数据 表 
中 的 相关 数据 ， 并 且 用 WHERE 语句 筛选 bbs_main 数据 表 中 bbs ID 字段 值 等 于 
提 示 ”gueryID 变量 值 的 数据 。 


04 在 设 定 完 
符 ， 两 个 图 像 占 位 符 分 别 绑 定 发 布 人 性 别 bbs_sex 字段 和 回复 人 性 别 bbs_ref sex 字段 ， 其 结果 如 























图 9-43 所 示 。 





记录 集 绑 定 后 ， 先 把 记录 集 detail 中 的 字段 插入 页 面 ， 再 分 别 插入 两 个 图 像 占 位 





讨论 主题 ， 【datailbbs_Ws) 


Es 


家 表 入: [ddlbbe_ me} 主 更 内 在 : [detull bs_cenheet} 








人 ka 全 主页 





内 容 : (atalijbe_nf coadeadl 


3 [driailths nf tine】 全 电子 邮件 午 主页 
前 没有 回复 _ 





图 9-43 ”插入 detail 中 的 字段 





05 单 击 选择 主题 表格 中 的 文字 “电子 邮件 ” 然后 单 击 “ 属 性 ”面板 ， 切 换 到 HTML 的 “ 链 
接 ” 文 本 框 中 ， 单 击 后 面 的 “指向 文件 ”按钮 名， 按 住 局 标 左 键 不 放 并 拖 踊 至 “记录 集 (detail)” 
选项 中 的 bbs_email 字段 中 ， 然 后 在 URL 链接 前 面 加 上 “mailto:”， 如 图 9-44 所 示 。 

06 单 击 选择 主题 表格 中 的 文字 “主页 ”， 单 击 “ 属 性 ”面板 ,切换 到 HTML 的 “链接 ”文本 
框 ， 单 击 后 面 的 “指向 文件 ”按钮 | 名 |， 按 住 鼠 标 左 键 不 放 并 拖 提 至 “记录 集 (detail)” 选 项 中 的 

















bbs_url 字段 中 ， 然 


























后 在 URL 链接 前 面 加 上 “http:/” 如 图 9-45 所 示 。 





07 用 第 5、6 步骤 中 的 方法 ， 设 置 回 复 人 的 “电子 邮件 ”和 “主页 ”的 链接 : 一 个 是 “记录 
集 (detail)” 中 的 bbs_ref email 字段 ， 另 一 个 是 “记录 集 (detail)” 中 的 bbs_ref_url 字段 ， 分 别 如 





























图 9-46 和 图 9-47 所 示 。 
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TREE EF 
二 一 文 村 并 弄 : hcp Vascript o 二 一 文档 类 型 ， ASP Vhscript e 
EI etail ] 日 车 记录 集 detail) | 
2 > | 
Ld 
习 
多 
多 
多 
多 
多 
多 
9 een 
党 bbsref_ID 
le 勿 定 到 : [ing sre -过 ] 
图 9-44 设置 主题 栏 中 的 email 链接 图 9-45 设置 主题 栏 中 的 URL 链接 
c 
图 9-46 设置 回复 栏 中 的 email 链接 图 9-47 设置 回复 栏 中 的 URL 链接 


08 单 击 “确定 ”按钮 ， 完 成 数据 源 的 绑 定 设置 ， 在 content.asp 页 面 中 有 两 个 按钮 “管理 ” 
与 “发 表 话题 ” 必须 设 定 其 链接 网 页 ， 如 表 9-7 所 示 。 


表 9-7 ”按钮 与 链接 页 面 表 

















09 选择 文字 “回复 主题 ” 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 
弹出 的 菜单 中 选择 “ 转 到 详细 页 面 选项 ,在 打开 的 “ 转 到 详细 页 面 ” 对 话 框 中 单 击 “ 浏 览 ”按钮 ， 
打开 “选择 文件 ”对 话 框 ， 选 择 此 站 点 中 的 bbs_reply.asp， 并 将 “传递 URL 参数 ”设置 为 bbs ID， 
如 图 9-48 所 示 。 

















rc 
根据 字段 bbs_ID 的 值 转 八 、、 se 二 本 一 | 
ys 1 这 经 信 息 页 - bbs_reply. asp ET E 

1 到 bbs_ replyasp 的 详细 ， 信 浊 URL 参数 bbs- 本 es | 
页 面 记录 入 [aatail a 
mm eo ee eg CR 

信 六 要 有 少数 四 URL 参数 

口 #$ 





图 9-48 “ 转 到 详细 页 面 ” 对 话 框 
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10 单 击 “确定 ”按钮 完成 详细 页 面 的 转向 。 一 个 主题 回复 的 内 容 一 般 是 多 个 ， 所 以 要 把 

复 的 内 容 信息 全 部 显示 出 来 ， 加 入 “服务 器 行为 ”中 “重复 区 域 ” 的 设 定 ， 单 击 content.asp 页 面 
中 要 重复 的 表格 ， 如 图 9-49 所 示 。 

时 


回复 人 : {detailbbs_yef mame] 回复 内 容 : {detailbbs_yef_content} 


日 



































3 (detailbbs_mf fine) 区 电子 邮件 丛 主页 

图 9-49 选择 要 重复 的 表格 

和 1 选择 要 重复 的 表格 后 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 办 按钮， 在 弹 
出 的 菜单 中 选择 “重复 区 域 ” 选 项 ， 在 打开 的 “重复 区 域 ” 对 话 框 中 ， 设 置 显 示 的 记录 数 为 5 条 记 
录 ， 如 图 9-50 所 示 。 






























选择 显示 回复 Pie 一 显示 : 辐 可 “记录 


信息 为 5 条 记录 | 











图 9-50 选择 一 次 可 以 显示 的 记录 数 


12 单 击 “确定 ”按钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 
“重复 ”的 灰色 标签 ， 表 示 已 经 完成 设置 。 

13 当 回 复 的 内 容 多 于 5 条 记录 的 时 候 ， 需 要 在 第 二 页 中 显示 ， 所 以 要 加 入 “记录 集 分 页 ” 
功能 ， 在 “服务 器 行为 ”面板 中 单 击 生 按钮 ， 在 弹出 的 下 拉 列 表 中 选择 “记录 和 集 分 页 ”命令 ， 在 
页 面 中 插入 记录 集 分 页 选项 ， 如 图 9-51 所 示 。 





加 


BA +: (naib et pe) US Cad sbsm soien) 











图 9-51 添加 “记录 集 导 航 条 ” 
14 完成 记录 集 导 航 功能 。 如 果 没 有 信息 回复 就 提示 “目前 没有 回复 ”， 如 果 有 人 回复 了 这 个 
主题 就 显示 回复 的 内 容 信息 ， 所 以 要 加 入 “显示 区 域 ” 功 能 。 选 取 记 录 集 有 数据 时 要 显示 的 数据 表 
格 ， 如 图 9-52 所 示 。 
























































攻 


BA: (ed bie promo) EA : (the mg ea 





[Er 


图 9-52 ”选择 要 显示 的 一 行 
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15 单 击 “ 服 务 器 行为 ”面板 上 的 的 按钮 ， 在 弹出 的 菜单 中 选择 “显示 区 域 ”|“ 如 果 记录 集 
不 为 空 则 显示 区 域 ” 选 项， 在 打开 的 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 中 ， 单 击 “ 确 定 ” 按 
钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 区 域 左 上 角 出 现 了 一 个 “如 果 符 合 此 条 件 则 显示 …” 
的 灰色 标签 ， 表 示 已 经 完成 设置 ， 如 图 9-53 所 示 。 















































记录 集 - [Qatail | 国 复 人 : (dntai bbs mf mae) 隔 各 内 容 ; {detalbos mf ccm} 














> [dtalsbs ef ie] 全 电子 吉首 稳 主页 
图 9-53 ”完成 设置 后 的 效果 


16 选择 没有 回复 数据 时 要 显示 的 文字 “目前 没有 回复 ”， 根据 前 面 的 步骤 将 下 面 区 域 设 定 成 
“如 果 记 录 集 为 空 则 显示 区 域 ” 如 图 9-54 所 示 。 




















加 内容: {detailbbs_yef contend)} 


记录 入 detail 




















图 9-54 选择 没有 数据 时 的 显示 
9.4.2 ”设置 点 击 次 数 
在 BBS 论坛 系统 主页 面 中 设置 了 文章 阅读 统计 功能 ， 当 访问 者 单 击 标题 进入 查看 内 容 时 ， 


阅读 统计 数目 就 要 增加 一 次 。 其 主要 是 通过 更 新 数据 表 bbs_main 里 的 bbs_hits 字 段 来 实现 的 。 
详细 操作 步骤 如 下 : 


01 打开 文件 content,asp， 在 “应 用 程序 ”面板 组 中 的 “服务 器 行为 ”选项 中 选择 “命令 ”i 
项 。 打 开 “ 命 令 ” 对 话 框 ， 如 图 9-55 所 示 。 

















图 9-55 “命令 ”对 话 框 





02 在 打开 的 “命令 ”对 话 框 中 ， 设 置 “ 名 称 ”为 cmdhits、 “类 型 ”为 “更 新 "人 “连接 ”为 
connbbs 数据 源 ， 并 在 SQL 文本 域 中 输入 以 下 SQL 语句 : 





。229。 
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01.UPDATE bbs_main  // 更 新 bbs_main 数据 表 
02.SET bbs hits = bbs hits + 1 // 设 置 bbs_main 数据 表 中 的 bbs_hits 字段 自动 加 1 
03.WHERE bbs_ID = hitID ”// bbs_ID 的 值 等 于 hitID 变量 中 的 值 


03 单 击 “ 命 令 ” 对 话 框 中 “变量 ”右边 的 国 图 标 ， 添 加 如 表 9-8 所 示 的 “名 称 ” 和 “运行 
值 ” 如 图 9-56 所 示 。 














表 9-8 “命令 ”的 表格 设 定 














[名称 运行 值 | 
| hiuD RequestQueryString("bbs ID") | 
EE 
天 ee Fe Ea] | 
MW | 

| EE 




















| 
让 EE 
un ER 
要 so 
下 办 和 [| 
上 宰 7id 生 
Lee | 

















图 9-56 “命令 ”对 话 框 
【六 hitID 为 SQL 用 来 识别 回复 的 变量 ， 其 值 等 于 当前 网 页 所 显示 的 主题 编号 。 
提 示 


9.4.3 ”新 增 主 题 


新 增 讨论 主题 页 面 bbs_add.asp 的 功能 是 将 页 面 的 表单 数据 新 增 到 数据 库 中 的 bbs_main 数 
据 表 中 ， 静 态 页 面 设计 如 图 9-57 所 示 。 



































图 9-57 新 增 讨论 主题 页 面 效果 图 
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详细 操作 步骤 如 下 : 
01 在 bbs add.asp 页 面 设 计 中 ， 表 单 form1 中 文本 域 和 文本 区 域 设置 如 表 9-9 所 示 。 











表 9-9 表单 form1 中 的 文本 域 和 文本 区 域 设置 方法 表 




















意义 文本 (区 ) 域 /按钮 名 称 方法 /类 型 
表单 forml POST 
新 主题 bbs title 单行 
发 表 人 bbs_name 单行 
性 别 形象 bbs_sex 单 选 按 钮 
心情 bbs_face 单 选 按钮 
电子 邮件 bbs_email 单行 
个 人 主页 bbs_url 单行 
主题 内 容 bbs_content 多 行 
确定 提交 Submit 提交 表单 
重新 填写 Submit2 重 设 表单 























02 在 bbs_add.asp 编辑 页 面 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 [其 按 钮 ， 
在 弹出 的 菜单 列表 中 选择 “插入 记录 ”选项 ， 在 “插入 记录 ”对 话 框 中 ， 输 入 如 表 9-10 所 示 的 数 
据 ， 并 设 定 新 增 数据 后 转 到 主页 面 index.asp， 如 图 9-58 所 示 。 


























表 9-10 “插入 记录 ”的 表格 设置 


文本 字段 与 数据 表 字 段 相 对 应 











> |) ee 
---- | Em 
将 表单 里 输入 的 数据 插 = 





入 bbs_main 数据 表 中 ， 
插入 后 再 转 到 index.asp 
页 面 








tt ele)d 
提交 为 | 议 记 ws | 








图 9-58 ” 设 定 “插入 记录 ”参数 
03 选择 表单 ， 执 行 菜单 “窗口 ”|“ 行 为” 命令， 打开 “行为 ”面板 ， 单 击 “ 行 为 ”面板 中 的 
四 按钮 ， 在 弹出 的 菜单 中 选择 “检查 表单 ”选项 ， 打 开 “ 检 查 表单 ”对 话 框 ， 设 置 “ 值 ”和 “可 接 
受 ” 范 围 ， 如 文本 bbs title“ 值 ”设置 为 “必需 的 ^“ 可 接受 ”为 “任何 东西 >， 如 图 9-59 所 示 。 
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伟 团 必 叶 的 


可 接受 -图 任何 东 再 
占 电子 邮 全 季 直 站 








图 9-59 “检查 表单 ”对 话 框 


04 单 击 “ 确 定 ” 按 钮 ， 回 到 编辑 页 面 ， 完 成 bbs_add.asp 页 面 插入 记录 的 设置 。 
05 按 F12 功能 键 至 浏览 器 测试 一 下 。 首 先 打 开 bbs_add.asp 页 面 填写 表单 资料 ， 如 图 9-60 


所 示 。 
06 填写 完 资料 以 后 ， 单 击 “ 确 定 提交 ”按钮 ， 将 此 资料 发 送 到 bbs_main 数据 表 中 。 页 面 将 


返回 到 BBS 讨论 系统 主页 面 index.asp， 如 图 9-61 所 示 ， 表 示 发 布 新 主题 成 功 。 
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图 9-60 填写 添加 主题 的 信息 图 9-61 发 布 新 主题 成 功 


9.4.4 回复 讨论 主题 页 面 
回复 讨论 主题 页 面 bbs_reply.asp 的 设计 与 讨论 主题 内 容 页 面 的 制作 相似 ， 回 复 主题 是 将 表 
单 中 填写 的 回复 内 容 信 息 数据 插入 bbs_ref 数 据 表 中 ， 页 面 设计 效果 如 图 9-62 所 示 。 
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图 9-62 回复 讨论 主题 页 面 设计 


*232。 
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01 由 于 在 讨论 主题 内 容 页 面 content.asp 中 设 定 会 有 传递 参数 bbs_ ID (主题 编号 ) 和 bbs_ title 
(讨论 主题 ) 过 来 ， 因 此 必须 先 将 这 两 个 记录 集 进行 绑 定 。 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 
板 上 的 图 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 单 击 
“高 级 ”按钮 ， 进 入 记录 集 高 级 设 定 页 面 ， 将 现 有 的 SQL 语句 改 成 以 下 的 SQL 语句 ， 如 图 9-63 
所 示 。 
01. SELECT bbs_ID, bbs title 


02. FROM bbs main 
03. WHERE bbs_ID = MMColParam 
























































记录 是 
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war Ve Ec 
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ne | 六 吉政 El| 
luest Quer/StingC bbs. 
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Er 类 型 [Namerie 一 
下 内 - | 
田 扒手 太一 值 : Request. QueryString ("bbs_ID 
a 至 认 值 . 1 























图 9-63 改写 SQL 语句 

02 图 9-63 中 设置 了 一 个 名 为 MMColParam 的 变量 值 ， 并 且 将 其 设 为 Request. 
QueryString("bbs_ID") 传 过 来 的 参数 。 

03 将 这 个 变量 绑 定 至 回复 讨论 主题 bbs_reply.asp 页 面 中 的 隐藏 字段 bbs ID, 如 图 9-64 所 示 。 



































图 9-64 ”插入 字段 到 “隐藏 域 ”中 











04 在 bbs_replyasp 编辑 页 面 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 轩 按 钮 ， 
在 弹出 的 菜单 中 选择 “插入 记录 ”选项 ， 在 打开 的 “插入 记录 ”对 话 框 中 ， 输 入 如 表 9-11 所 示 的 
设 定 值 ， 并 设 定 新 增 数据 后 转 到 主页 面 content.asp， 如 图 9-65 所 示 。 




















表 9-11 “插入 记录 ”的 表格 设 定 







插入 到 表格 





bbs_ ref 
























插入 后 ， 转 到 content.asp 
获取 值 自 forml 
表单 元 素 表单 字段 与 数据 表 字段 相对 应 
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1 
! 将 表单 里 输入 的 数据 
1 插入 bbs ref 数据 表 
! 中， 插入 后 再 转 到 
1 contentasp 页 面 


























图 9-65 “插入 记录 ”对 话 框 

05 选择 表单 , 执行 菜单 “窗口 ”| “行为” 
命令 ， 打开“ 行为” 面板， 单 击 “ 行 为 ”面板 
中 的 区 按 钮 , 在 弹出 的 菜单 中 选择 “检查 表单 ” 
选项 ， 打开“ 检查 表单 ”对 话 框 ， 设 置 “ 值 
和 “可 接受 ”参数 ， 如 图 9-66 所 示 。 

06 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 , 完 。 | -ons 
成 bbs_reply.asp 页 面 插入 记录 的 设计 。 

07 按 F12 功能 键 至 浏览 器 测试 。 首 先 打 
开 首 页 面 ， 选 择 其 中 任 一 讨论 主题 ， 进 入 图 9-66 “检查 表单 ”对 话 框 
content.asp 页 面 ， 在 content.asp 页 面 单 击 “ 回 复 主题 ”按钮 ， 转 到 回复 讨论 主题 bbs_reply.asp 页 面 , 在 
bbs replyasp 页 面 填写 表单 资料 ， 如 图 9-67 所 示 。 

08 填写 完 资料 以 后 ， 单 击 “ 确 定 提交 ”按钮 ， 将 此 资料 发 送 到 bbs_ref 数据 表 中 。 页 面 将 返 
回 BBS 讨论 区 系统 内 容 页 面 contentasp， 如 图 9-68 所 示 ， 表 示 回 复 主 题 成 功 。 
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昌 ee 
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图 9-67 填写 回复 主题 信息 图 9-68 回复 主题 成 功 


9.5 ”后台 管理 设计 





BBS 论 坛 管理 系统 的 后 台 管 理 比 较 重 要 , 访问 者 在 回复 主题 时 回复 一 些 非法 或 者 不 文明 的 
信息 时 ， 管 理 员 可 以 通过 后 台 对 非法 或 不 文明 的 信息 进行 删除 。 
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9.5.1 后 台 版 主 登入 页 面 


管理 页 面 是 不 允许 网 站 访问 者 进入 的 , 必须 受到 权限 管理 , 可 以 利用 管理 员 账 号 和 管理 密 
码 来 判断 是 否 有 此 用 户 ， 设 计 如 图 9-69 所 示 。 
其 详细 操作 步骤 如 下 : 


01 打开 后 全 版 主 登入 页 面 admin login.asp， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 
上 的 辕 按 钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”|“ 登 录用 户 ” 命 令 ， 在 打开 的 “登录 用 户 ” 
对 话 框 中 ， 设 置 如 果 不 成 功 将 返回 BBS 论坛 系统 主页 面 ndex.asp， 如 果 成 功 将 转向 后 全 版 主管 理 
页 面 admin.asp， 如 图 9-70 所 示 。 
























































从 志 间 歌 到 输入 [ioml | 
用 广 3 了 让 [se ”| 
要 胡子 入 Passvort 了 

EE ene 

动 pV Docunentsv#ies bbaadnin oginasp KHTML) -Ox | 
ED rs EP | NE [een 了 
WE Bh 后 信 版 主 匡 信 页 而 下 











部 困 登 录 成 功 ， 苇 条 adnin asp 


WK 
回转 到 前 一 个 URL (各 果 它 存在 ) 
各 果 登录 闪 允 ， 转 末 indey. asF 

















姑 于 以 下 项 限制 访 同 回 用 户 各 和 和 因 码 
】 用户 名 、 因 研 和 访问 级 到 
到 到 级 别 身 : 巧 











(holy forn#fom1》 (table Cr> td 甸 加 | 478 x 212+ | 

















图 9-69 BBS 论坛 系统 后 台 管 理 登 录 页 面 设计 效果 图 9-70 “登录 用 户 ” 的 设 定 
02 单 击 “ 确 定 ” 按 钮 ， 完 成 登录 用 户 的 验证 ， 选 择 表单 ， 执 行 菜单 “窗口 ”| “行为” 命令， 
打开 “行为 ”面板 ， 单 击 “ 行 为 ”面板 中 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “检查 表单 ”选项 ， 打 
开 “ 检 查 表单 ”对 话 框 ， 设 置 username 和 password 文本 域 的 “ 值 ” 都 为 “必需 的 “可 接受 ”为 
“任何 东西 ” 如 图 9-71 所 示 。 
03 单 击 “ 确 定 ” 按 钮 ， 回 到 编辑 页 面 ， 现 在 后 台 版 主 登 入 页 面 admin_login.asp 的 设计 与 制 





















































作 都 已 经 完成 ， 如 图 9-72 所 示 。 

EO | ee 

ii | 本 三 
== 

入 回 | 必 的 | 

可 接受 加 任何 东西 © ws 
局 电子 邮件 地 址 。 日 数 字 从 到 
| Chedy> CEoragforal> Cable> <tr> Ctay 画 画 男 AT8 x 212vY 
图 9-71 “检查 表单 ”对 话 框 图 9-72 设置 后 台 版 主 登入 页 面 


9.5.2 ”后 台 版 主管 理 页 面 
BBS 论坛 管理 系统 的 后 台 版 主管 理 页 面 是 版 主 由 登录 的 页 面 验证 成 功 后 所 转 到 的 页 面 。 这 
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个 页 面 主要 为 版 主 提供 对 数据 的 新 增 、 修 改 、 删 除 内 容 等 功能 。 后 台 版 主管 理 页 面 admin.asp 
的 内 容 设计 与 BBS 论坛 系统 主页 面 index.asp 大 致 相同 , 不 同 的 是 加 入 可 以 转 到 所 编辑 页 面 的 链 
接 ， 页 面 效果 如 图 9-73 所 示 。 


Bs 


论坛 管理 系统 









































请 你 对 以 下 内 容 进 行 管理 ! 
发 言 主题 











Er Ep 
04:12:59 04:12:39 
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rn ze 上 | 辐 
L146: 10:23: 科 

| 35052309 上 | 四 
11:45:04 4:40;50 








图 9-73 后 台 版 主管 理 页 面 的 设计 


01 在 后 台 版 主管 理 页 面 admin.asp 中 , 每 个 讨论 主题 后 面 都 各 有 一 个 “修改 ”按钮 和 “删除 ” 
按钮 , 分 别 是 用 来 修改 和 删除 某 个 讨论 主题 的 , 但 不 是 在 这 个 页 面 执 行 , 而 是 利用 “ 转 到 详细 页 面 ” 
的 方式 ， 另 外 打开 一 个 页 面 进行 相应 的 操作 。 单 击 admin.asp 页 面 中 的 “删除 ”按钮 ， 再 选择 “ 服 
务 器 行为 ”面板 上 的 “ 转 到 详细 页 面 ”功能 选项 。 

02 在 “ 转 到 详细 页 面 ”对 话 框 中 ， 按 照 表 9-12 所 示 的 数据 进行 设置 ， 如 图 9-74 所 示 。 











表 9-12 “ 转 到 详细 页 面 ”的 表格 设 定 


sm im 
ET wm 
ET 









伺 扩 
详 信 息 页 : del_title. asp 
传递 URL 参数 : bbs_ID 设置 为 以 下 项 的 值 
a 
列 





传递 现 有 参数 四 URL 参数 
日 素数 


图 9-74 “ 转 到 详细 页 面 ”对 话 框 


03 用 同样 的 方法 ， 按 表 9-13 所 示 数 据 设置 “修改 ”按钮 ， 转 到 详细 页 面 upd_title.asp， 如 图 
9-75 所 示 。 
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表 9-13 转 到 详细 页 面 upd_title.asp 的 表格 设 定 























有 
传递 URL 参 数 
记录 集 rs_bbs 
[ 列 bbs ID | 
全 入 [所 和 尖 国 “修改 "=] 
详细 信息 页 upd_title azp GE 
传递 URL 参 数 5b- 本 设 轩 为 以 下 项 的 全 
记录 集 |xs_bbs 四 
天 [区间 可 
从 到 有 参数 站 URL 参数 
EE 








图 9-75 “ 转 到 详细 页 面 ”对 话 框 
04 由 于 讨论 区 的 管理 权限 是 属于 版 主 的 , 因 。 gm 
此 必须 设 定 本 页 面 “ 限 制 对 页 的 访问 ”的 服务 器 行 。 | asrmaasml @ arenen 
为 。 单 击 “ 服 务 器 行为 ”面板 上 的 固 按钮 ， 在 弹出 oo 
的 菜单 中 选择 “用 户 身份 验证 ”|“ 限 制 对 页 的 访问 ” 
选项 ， 打 开 “ 限 制 对 页 的 访问 ”对 话 框 , 选中 “用 |” 
户 名 和 密码 ” 单 选 按钮 ， 如 果 访 问 被 拒绝 ， 将 转向 
admin_login.asp 页 面 ， 如 图 9-76 所 示 。 图 9-76 设置 对 页 的 访问 


9.5.3 ”删除 讨论 页 面 


删除 讨论 页 面 del_title.asp 的 功能 不 只 是 要 删除 所 指定 的 主题 , 还 要 将 跟 此 主题 相关 的 回复 
留言 从 资料 表 bbs_ref 中 删除 ， 页 面 设计 效果 如 图 9-77 所 示 。 


























1 [四 试 一 下 是 百 可 以 浴 Ini 
出 这 一 下 是 否 可 以 滩 加 讨论 的 主 是 












































图 9-77 删除 讨论 页 面 的 设计 
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详细 操作 步骤 如 下 : 

















01 打开 删除 讨论 页 面 del_title.asp， 单 各 





“应 














程序 ”面板 组 中 “ 绑 定 ”面板 上 的 四 按钮 ， 











在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 的 选项 ， 在 打开 的 “记录 集 ” 对 话 框 中 单 击 “高 级 ”按钮 ， 
进入 记录 集 高 级 设 定 的 页 面 ， 将 现 有 的 SQL 语法 改 成 以 下 的 SQL 语法 ， 如 图 9-78 所 示 。 


01. SELECT bbs main.*,bbs ref.* 
02. 
03. 


04. 


02 在 
03 在 


WHERE bbs main.bbs_ID = query 





图 
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| 给 request querystingTbbs_ 
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时 
| 
ee | 
卦 国 动 | 
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| 恒 到 
下 
出 
和 相国 
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FROM bbs main LEFT OUTER JOIN bbs_ refrON 
bbs main.bbs_ID = bbs_ref.bbs main ID 


9-78 中 设置 了 一 个 名 为 queryID 的 变量 值 , 并且 将 








图 9-78 改写 SQL 语句 











设 为 request.querystring ("bbs_ID") 





设 定 完 记录 集 绑 定 后 ， 把 rs 记录 集中 的 字段 插入 del title.asp 页 面 上 ， 如 图 9-79 所 示 。 


你 确定 明 队 此 标题 和 内 容 : 
[rs. bbs_title} 
{rs. bbs_content} 


3 3 
图 9-79 插入 del_title.asp 中 的 字段 





04 将 这 个 变量 绑 定 至 删除 讨论 页 面 del_title.asp 的 隐藏 字段 bbs ID 中 ， 如 图 9-80 所 示 。 
05 完成 页 面 的 字段 布置 后 ， 接 着 要 在 del_title.asp 页 面 加 入 “删除 记录 ”的 设置 。 单 击 “ 应 























板 组 中 “服务 器 行为 ”面板 上 的 办 按钮， 在 弹出 的 菜单 中 选择 “删除 记录 ”选项 ， 在 


















































用 程序 ” 
打开 的 “删除 记录 ”对 话 框 中 输入 如 表 9-14 所 示 的 设 定 值 ， 即 可 完成 删除 讨论 页 面 的 设计 ， 如 图 
9-81 所 示 。 
表 9-14 “删除 记录 ”的 表格 设 定 

属性 设置 值 

连接 connbbs 

从 表格 中 删除 bbs_main 

选取 记录 自 rs 

唯一 键 列 bbs ID 

提交 此 表单 以 删除 forml 

删除 后 ， 转 到 admin.asp 
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Nl js 牙 辐 [or rs Fields Tten Cbbs_ID").Valj 沪 














图 9-80 插入 字段 到 隐藏 域 中 图 9-81 “删除 记录 ”对 话 杠 
06 单 击 “ 确 定 ” 按 钮 ， 完 成 删除 讨论 页 面 的 设置 。 
9.5.4 ”修改 讨论 主题 页 面 


修改 讨论 主题 页 面 upd_title.asp 的 功能 是 更 新 主题 的 标题 和 内 容 到 bbs_main 数 据 表 中 ， 页 
面 设 计 如 图 9-82 所 示 。 














图 9-82 ”修改 讨论 主题 页 面 


详细 操作 步骤 如 下 : 

01 打开 修改 讨论 主题 页 面 upd_titleasp， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 轩 按 
钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 ， 单 击 “高 级 ” 
按钮 ， 进 入 记录 集 高 级 设 定 的 页 面 ， 将 现 有 的 SQL 语句 改 成 以 下 的 SQL 语句 ， 如 图 9-83 所 示 。 

01，SELECT bbs main.*,bbs ref.* 

02. FROM bbs main LEFT OUTER JOIN bbs ref ON 


03. bbs main.bbs_ID = bbs_ref.bbs main_ ID 
04. WHERE bbs main.bbs_ID = queryID 




















图 9-83 改写 SQL 语句 
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02 在 图 9-83 中 设置 了 一 个 名 为 queryID 的 变量 值 ,并 且 将 其 设 为 request.querystring ("bbs_ID") 
03 在 设 定 完 记录 集 绑 定 后 , 把 记录 和 集 detail 中 的 字段 插入 upd_title.asp 页 面 上 , 如 图 9-84 所 示 。 
04 将 这 个 变量 绑 定 到 修改 讨论 主题 页 面 upd_title.asp 中 的 隐藏 字段 bbs_ID 中 , 如 图 9-85 所 示 。 


























| 你 确 二 修改 此 标题 和 内 容 : 
ee 




















il is Im 植 D) |Q%= rs.Fields.Iten ("bbs_ID"”).Val| 光 
图 9-84 插入 upd_title.asp 中 的 字段 图 9-85 插入 字段 到 隐藏 域 中 


05 完成 页 面 的 字段 布置 后 ， 接 着 要 在 adtitle.asp 页 面 中 加 入 “更 新 记录 ”的 设置 。 单 击 “ 应 
用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “更 新 记录 ”选项 ， 在 
打开 的 “更 新 记录 ”对 话 框 中 输入 如 表 9-15 所 示 的 设 定 值 ， 即 可 完成 更 新 讨论 主题 页 面 的 设计 ， 
如 图 9-86 所 示 。 











表 9-15 “更 新 记录 ”的 表格 设 定 
km mw | 
[am ww | 
aa mw | 
wm ln 和 | 




















图 9-86 “更 新 记录 ”对 话 框 
06 单 击 “ 确 定 ”按钮 ， 完 成 修改 讨论 主题 页 面 的 设置 。 


到 这 里 就 完成 了 BBS 论坛 系统 的 开发 制作 ， 读 者 可 以 凭借 已 经 学 习 的 知识 来 做 一 个 个 性 化 
的 论坛 ， 通 过 加 入 更 多 的 技术 ， 还 可 以 完成 更 加 强大 的 Web 程 序 。 











第 10 章 博客 系统 开发 


Blog 的 全 名 是 Web log， 中 文 称 网 志 或 部 落 格 ， 或 者 称 为 博客 ， 是 网 上 一 个 共享 空间 ， 是 
以 日 记 的 形式 在 网 络 上 发 表 个 人 内 容 的 一 种 形式 。 Blog 系 统 需要 拥有 供 一 般 网 站 浏览 使 用 的 日 
记 页 面前 台 ， 还 要 拥有 “博客 ”发 表 日 记 的 后 台 。 从 开发 技术 上 而 言 ， 不 但 要 有 插入 记录 集 、 
修改 记录 集 、 更 新 记录 集 的 功能 ， 还 要 有 图 片上 传 等 ASP 组 件 的 应 用 。 完 善 的 博客 系统 也 是 一 
个 庞大 的 动态 功能 系统 ， 需 要 前 期 整体 的 规划 。 

将 要 制作 的 博客 系统 的 网 页 及 网 页 结构 如 图 10-1 所 示 。 












admin_log_typedel.asp admin_blog.asp 







admin log_class.asp 


admin_blog good.asp 


admin_del_blog.asp 


admin_blog_upd.asp 


admin log_classupd.asp 





admin log classdel.asp 


图 10-1 博客 系统 的 网 页 及 网 页 结构 图 
本 章 重要 知识 点 >>>>>>>>>> 


博客 系统 的 规划 

博客 主页 面 的 设计 

博客 分 类 功能 的 实现 

博客 个 人 注册 功能 与 个 人 日 志 的 关联 

不 同 身份 登录 后 台 管 理 ， 实 现 不 同 登 录 转 向 的 方法 
后 台 删 除 、 增 加 管理 日 志 的 方法 
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10.1 博客 系统 的 整体 设计 规划 








博客 系统 主要 的 结构 分 成 一 般 用 户 使 用 和 管理 员 使 用 两 个 部 分 。 个 人 博客 系统 的 页 面 共 由 
21 个 页 面 组 成 ， 系 统 页 面 的 功能 与 文件 名 称 如 表 10-1 所 示 。 


表 10-1 博客 系统 将 要 开发 的 功能 网 页 设计 表 


需要 制作 的 主要 页 面 。 | 页 面 名 称 























博客 主页 面 index.asp 显示 最 新 博客 最 新 注册 等 信息 页 面 
博客 分 类 页 面 blog_ type.asp 列 出 所 有 博客 分 类 的 大 体内 容 
] 志 内 容 页 面 log_content.asp 博客 分 类 中 内 容 的 详细 页 面 





用 户 注 册页 面 register.asp 新 用 户 注册 页 面 
博客 个 人 主页 面 User.asp 个 人 博客 主要 页 面 








] 志 分 类 内 容 页 面 log_class.asp 个 人 日 志 分 类 的 内 容 页 面 
后 人 管理 斩 册 页 而 | check 
后 台 管理 主页 面 user_admin.asp/admin.asp - 般 用 户 管理 页 面 / 管理 员 管 理 页 面 

] 志 分 类 管理 页 面 admin_log_type.asp 个 人 日 志 分 类 管理 页 面 ， 可 添加 日 志 分 类 





修改 日 志 分 类 页 面 admin log typeupd.asp 
噶 除 日 志 分 类 页 面 admin log typedel.asp 
日 志 列 表 管 理 主页 面 admin log class.asp 个 人 日 志 列 表 管 理 页 面 ， 可 添加 日 志 

修改 日 志 列 表 页 面 admin log classupd.asp 
删除 日 志 列表 页 面 admin log_classdel.asp 


























博客 分 类 管理 页 面 admin_blog type.asp 管理 员 对 博客 分 类 管理 页 面 ， 可 添加 分 类 
删除 博客 分 类 页 面 admin_blog_del.asp 管理 员 对 博客 分 类 进行 删除 的 页 面 

博客 列表 管理 主页 面 admin_blog.asp 管理 员 对 用 户 博客 进行 管理 的 页 面 

推荐 博客 管理 页 面 admin_blog_good.asp 管理 员 对 用 户 博客 是 否 推荐 的 管理 页 面 
删除 用 户 博客 页 面 admin_del_blog.asp 管理 员 对 用 户 博客 进行 删除 的 页 面 

修改 博客 分 类 页 面 admin_blog_upd.asp 管理 员 对 博客 分 类 进行 修改 的 页 面 





10.1.1 页 面 设计 规划 


大 体 介 绍 了 博客 系统 整个 网 站 的 规划 后 ， 在 本 地 站 点 上 建立 站 点 文件 夹 blog。 将 要 制作 的 
博客 系统 文件 夹 和 文件 如 图 10-2 所 示 。 
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整个 系统 所 有 的 1 
! 相关 文件 都 在 这 | 
! 个 文件 来 中 | 





图 10-2 站 点 规划 文件 


10.1.2 ”网 页 美工 设计 
设计 的 博客 主页 面 和 个 人 博客 页 面 的 页 面 效 果 分 别 如 图 10-3 和 图 10-4 所 示 。 

















10-3 











条 在 他 远亲 友 7 
A A 


BE 


区 


, 1cQ 
WN 





用 本 心 恒 
SAR 











ET 
CI 








ET 





博客 主页 面 的 美工 设计 10-4 个 人 博客 页 面 的 美工 设计 


10.2 ”数据库 设计 与 连接 


制作 博客 系统 ， 首 先 要 设计 一 个 存储 用 户 资料 、 博 客 信息 、 博 客 回复 的 数据 库 文件 ,方便 
博客 系统 开发 时 数据 的 调用 与 管理 。 


10.2.1 数据 库 设计 


博客 系统 数据 库 开 发 的 大 小 需要 根据 系统 的 内 容 大 小 而 定 。 这 里 建立 一 个 blog 数 据 库 ， 并 
在 里 面 分 别 建立 用 户 信息 数据 表 users、 博 客 分 类 表 blog type、 上 日志 信 息 表 blog log、 上 日志 分 类 





表 log type、 日 志 
删除 的 后 端 支持 ， 





回复 表 log_reply 及 管理 员 账 号 信息 表 admin 作 为 任何 数据 查询 、 新 增 、 修 改 与 
创建 的 用 户 信 息 表 users 如 图 10-5 所 示 。 


“243。 
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1 1. 数据 表 
! 的 一 些 字段 名 称 


2. 数据 表 中 字段 1 1 村- 





1 
1 
上 的 相应 数据 类 型 











i EE 
本 
EE 
天 二】 
ED 

到 04 个 字 守 ( 括 册 ), 莹 
文章 另 齐 8 再 及 竹本 二 看 有 关 半生 各 称 的 和 到 。 








图 10-5 创建 的 users 用 户 信息 数据 表 


具体 的 制作 步骤 如 下 : 


01 用 户 信息 数据 表 users、 博客 分 类 表 blog type、 日 志 信息 表 blog_log、 日志 分 类 表 log type、 
日 志 回复 表 log_reply 和 管理 员 账 号 信息 表 admin 的 字段 结构 如 表 10-2 一 表 10-7 所 示 。 

















意义 

用 户 ID 
博客 分 类 名 

蚌 户 登录 名 

用户 登录 密码 
用 户 博客 名 
注册 时 间 

用 户 E-mail 
共有 日 志 数 

共有 回复 数 

是 否 是 推荐 博客 ， 
0 不 推荐 ，1 推荐 























表 10-2 ”用户 信息 数据 表 users 


字段 名 称 字段 大 小 
user ID 整 弄 


宁 


typename 
USer_Username 


user_password 
| Bi 间 | 


本 
本 
染 
user_blog name 本 
本 


已 | 已 | 


0 
0 
0 
20 
user_addtime 日 期 /时 间 
2 


user_post_ num 数字 长 整 型 
user_reply_num 长 整 型 


user_blog good 数字 长 整 型 


[一 辐 区 一 











默认 值 


Now() 










博客 分 类 ID 
博客 分 类 名 











表 10-3 博客 分 类 表 blog_type 


字段 名 称 数据 类 型 字段 大 小 


文本 20 
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表 10-4 日 志 信息 表 blog_log 










































































意义 字段 名 称 数据 类 型 字段 大 小 默认 值 
日 志 ID log ID 自动 编号 长 整 型 
用户 名 user_username 文本 20 
日 志 分 类 ID log class ID 数字 20 
日 志 标 题 log title 文本 50 
日 志 添 加 时 间 log addtime 日 期 /时 间 Now0 
日 志 回复 数 log reply_num 数字 长 整 型 0 
发 布 时 间 pubDate 日 期 /时 间 Now0 
] 志 内 容 log_content 备注 
表 10-5 日 志 分 类 表 |log_type 
意义 字段 名 称 数据 类 型 | 字段 大 小 | 默认 值 
] 志 分 类 ID log_class_ ID 自动 编号 长 整 型 
户 User_username 20 
分 类 日 志 数 log_class_num 长 整 型 0 





] 志 ID 
回复 人 姓名 
复 标题 
复 时 间 
复 内 容 

















主题 编号 
管理 员 
管理 员 密 

















户 名 
人权 








表 10-6 日 志 回 复 表 log_reply 


字段 名 称 
reply ID 
log ID 
reply_user 
reply_title 
reply_addtime 


reply_content 





表 10-7 管理 员 账号 信息 表 admin 


意义 字段 名 称 数据 类 型 字段 大 小 


ID 
username 


password 





文本 


忆 
S 


默认 值 


默认 值 








02 首先 运行 Microsoft Access 2010 程序 。 打 开 程序 界面 ， 单 击 “ 空 数据 库 ” 按 钮 ， 在 主 界 














的 右 侧 打 开 “ 空 数据 库 ” 面 板 ， 如 图 

















图 10-7 所 示 。 





03 在 相关 路 径 中 先 新 建 几 个 





10-6 所 示 。 











存放 广 





件 的 文件 来 











04 单 击 “ 空 数据 库 ” 




















如 图 10-8 所 示 。 











下 拉 列 表 框 中 , 选择 站 点 blog 文件 夹 中 























， 如 images 文件 夹 、mdb 文件 夹 等 ， 办 


面板 上 的 国 按 钮 ， 打 开 “ 文 件 新 建 数 据 库 ” 对 话 框 ， 在 “保存 位 置 


ph 的 mdb 文件 夹 , 在 “文件 名 ”文本 框 中 输入 文件 名 “blog”， 
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EPE i 
2 | 2 
IE i .8 
保存 并 发 布 Ofice com 袍 凰 FE ee 
这 ] 1 1. 单 击 这 里 选择 存储 | 
Ee 再 \ 居  . 自 ee 4 1 数据 库 位 置 | 
ES 和 克昌 &f De | 
台 让 al | 和 2. 单 击 “ 创 建 ” 按钮，! 
:| 上 开始 创建 数据 库 | 
图 10-6 打开 “ 空 数据 库 ”面板 
者 - 四 @ 
二 
上 为 了 方便 使 用 , 先 建 
! 立 几 个 常用 的 文件 
! 夹 来 存放 文件 
OL ' =' ,pss , dog nd Be E22 
iroon aed 文 E Hp 
[ee 
ms 
汗 二 S59 
ie i | ' 
' pi | 上 .1 2. 选择 数据 库 | 
Se "| Ea | 
保生 关 弄 (ni |Microsoft Access 敌 委 车 (2002-2003 挫 志 (mdb)】 一 一 i 
和 隐 访 文件 夫 Ey 3 
图 10-8 “文件 新 建 数据 库 ” 对 话 杠 








05 单 击 “ 确 定 ”按钮 ， 返 








“ 空 数据 库 ” 面 板 ， 再 单 击 “ 空 数据 库 ” 面 板 的 “创建 ”按钮 ， 


即 在 Microsoft Access 中 创建 了 blog.mdb 文件 ,同时 Microsoft Access 会 自动 生成 了 一 个 名 为 “ 表 1” 
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的 数据 表 ， 在 “ 表 1” 上 单 击 鼠 标 右键 ， 从 弹出 的 快捷 菜单 中 选择 “设计 视图 ”命令 ， 如 图 10-9 
所 示 。 

















| 选择 “设计 视图 " 开 1 
上 始 设计 users 数据 表 











EXE TT EE ] 








图 10-9 开始 创建 数据 表 
06 执行 快捷 菜单 中 的 “设计 视图 ”命令 ， 打 开 “ 另 存 
为 ”对 话 框 , 在 “ 表 名 称 ” 文 本 框 中 输入 数据 表 名 称 “users”， 


如 图 10-10 所 示 。 
07 单 击 “ 确 定 ” 按 钮 ， 即 在 “所 有 表 ” 列 表 框 中 建立 


了 users 数据 表 ， 按 照 表 10-2 输入 字段 名 称 并 设置 属性 ， 完 图 10-10 “另存 为 ”对 话 框 
成 后 如 图 10-11 所 示 。 




















一 一 一 一 一 一 一 一 一 一 一 一 一 团 seer 国法 
1 1---- 上 可 到 
1 根据 表 10-2 设置 ， TEST 自动 浪 S 用 户 1D | 
1 1 于 这 鞍 j 因 号 
RE 
1 字段 名 称 类 型 ， 其 pasevag 对 出 
1 二 好 1! ee Piog ras 
1 中 user_ID 为 主键 ) scr-aadti 卓 包 向 问 宇 骨 时间 
user_enail 用 户 Faail 
| 基 名 车 二 计 这 宅 妾 二 忆 宇 基 1 ee 本 3 和 
User-Teply nn i 共有 司 第 
scr-blog B00d 到 字 是 百 推 荐 信者; 6 不 拖拉 
er ove 加 
2 
慰 疯 | 
E20 3 
新 三 送 者 
党 式 
区 
过 引 有 [重生 ) 
二 可 到 G4 沾 字 答 (和 村 全 公 ), 近 
mm 王 让 




















图 10-11 创建 表 的 字段 


08 双击 wes| 标 签 ， 打开 users 的 数据 表 ， 为 了 方便 以 后 使 用 ， 可 以 在 数据 库 中 预先 输入 
一 些 数据 ， 如 图 10-12 所 示 。 
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国 vsers 局 加 肛 
sr 1D -| typenane - user User -user pt user blog -| user aditine ~- user enai - 
时 Asp 技术 acnin admin 。 机 云 空间 2009/11/11 9:11:05 meeod126..¢ 
3 JSP 技 术 test mnn 开心 生活 2009/11/11 6 hy2008@tcst 
10 PEP 技 术 huahua huahua 天 意 人 为 2009/11111 1 3 xnceo@126. C 
加 11 平面 技术 。 无 风 元 两 。 123456 。 没有 你 2009f11711 1 I8 hy2008s@163 
四 12 平面 技术 tiaotao 123456 。 网 络 天 空 2009/11/11 1 6 hy2008s@163 
六 | (新 建 ) 2015/9117 16:37:29 





on 中 BG 








| 记录 KH 《第 1 项 共 5 项 ， MY 让 
图 10-12 在 users 表 中 输入 记录 
09 用 同样 的 方法 建立 如 图 10-13 一 图 10-16 所 示 的 数据 表 。 































































































i 下 
ee Em 弄 柯 名 < 
博 音 分 类 ID C 
注 Ea 情 宫 分类 名 
文本 日 "| 
日 期 /时 间 日 志 适 加 时 间 
半 字 日 志 回 大 奴 
日 中 /时 间 发布 时 间 
日 可 内 容 | 
as 
| | 
ze a | 
ba 六 
天 承 各 聊 最 长 可 到 04 个 地 香 (包括 字 必 )， 控 
sm | 月 人 村 人 
223 | 
图 10-13 日 志 信息 表 blog log 图 10-14 博客 分 类 表 blog type 
| 四 pourepy 凯 om 
字 眉 名 称 效 据 闪 型 就 了 
mmT 自动 编写 回复 10 = 闭 振 类 型 加 
站 数字 卓志 10 巨 动 纺 号 巨 去 分 炎 [D a| 
uger 文本 回复 人 站 名 文本 从 厦 用 户 
jreply_title 文本 回复 村 是 文本 已 专 分 类 万 称 
reply_addtine 日 妥 / 时 间 回复 时 间 字 分 类 日 志 娄 
(reply_content 备注 回复 内 容 同 | 
四 本 
闻 委 必 千 
ne 
医大 小 长 可 措 
入 E23 
rt 
村 于 
Eo 有 [天 重 向) 
Beem 闻 丘 全 称 且 长 可 到 (4 个 字符 [包括 裤 属 ), 检 
志 ee 3 二 人 全 
图 10-15 日 志 回 复 表 log_reply 图 10-16 日 志 分 类 表 log_type 


10 编辑 完成 ， 单 击 “保存 ”按钮 园 ， 关 闭 Access 2010 软件 。 


10.2.2 ”创建 数据 库 连 接 


数据 库 编辑 完成 后 ， 必 须 在 Dreamweaver CC 中 建立 数据 源 连接 对 象 。 

具体 的 连接 步骤 如 下 : 

01 依次 单 击 “ 控 制 面板 ”|“ 管 理工 具 ”| “数据 源 (ODBC)”|“ 系 统 DSN” 命 令 , 打开 “ODBC 
数据 源 管理 器 ”对 话 框 中 的 “系统 DSN” 选 项 卡 ， 如 图 10-17 所 示 。 
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1 1. 打开 “系统 DSN” 选 上 一 -TEST 和 TITERE 
1 
| 











-1 2. 单 击 “添加 (D)” 按 ! 
! 钮 ， 添 加 DSN 数据 源 。! 


项 卡 , 进行 DSN 设 置 “1! | 本 














司 一 











二 二 
图 10-17 “系统 DSN” 选 项 卡 


02 在 图 10-17 中 单 击 “ 添 加 (D)” 按 钮 后 ， 打 开 “ 创 建新 数据 源 ” 对 话 框 ， 在 “创建 新 数 
据 源 ”对 话 框 中 ， 选 择 Driver do Microsoft Access (*.mdb) 选项 ， 如 图 10-18 所 示 。 








EC EDa 





10-18 “创建 新 数据 源 ” 对 话 杠 
03 单 击 “ 完 成 ”按钮 ， 打 开 “ODBC Microsoft Access 安装 ”对 话 框 ， 在 “数据 源 名 (N)” 文 
本 框 输入 “connblog ”， 单 击 “ 选 择 (S)” 按 钮 ， 打 开 “ 选 择 数据 库 ” 对 话 框 ， 单 击 “ 驱 动 器 〈V)” 下 
拉 列 表 框 右边 的 三 角 按钮 [>], 从 下 拉 列 表 中 找到 在 创建 数据 库 步骤 中 数据 库 所 在 的 盘 符 , 在 “目录 (D)” 
中 找到 在 创建 数据 库 步 骤 中 保存 数据 库 的 文件 夹 ， 然 后 单 击 左上 方 “数据 库 名 〈A)” 选 项 组 中 的 数据 
库 文件 blog.mdb， 则 数据 库 名 称 自动 添加 到 “数据 库 名 (A)” 文 本 框 中 ， 如 图 10-19 所 示 。 















































ee 1 
! 1. 输入 数据 源 名 1 
数据 乔 名 0 [senstlod P73 
说 明史 ) 二 一 -一 
效 据 床 二 
数据 库 ET 
[| [虹口 -| [ 俱 夏 多 [ 甘 归 0 | -一 一 
系 久 雪 据 库 
加 无 全) 
辣 教 据 库 吕 ) J 
二 一: 文件 类 型 加 : 驱动 器 : 
Cn Ee Er 








10-19 选择 数据 库 


。249 。 
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04 找到 数据 库 后 , 单 击 “ 确 定 ” 按 钮 , 返回 到 “ODBC 
数据 源 管理 器 ”中 的 “系统 DSN” 选 项 卡 中 。 在 这 里 看 ET 


所 大 














到 在 “系统 数据 源 ” 中 已 经 添加 了 名 称 为 connblog、 驱 动 
程序 为 Driver do Microsoft Access (*.mdb ) 的 系统 数据 源 ， 
如 图 10-20 所 示 。 
05 设置 好 后 , 单 击 “ 确 定 ”按钮 退出 , 完成 “ODBC 
数据 源 管理 器 ”中 “系统 DSN” 选 项 卡 的 设置 。 7 
06 启动 Dreamweaver CC， 执 行 菜单 “文件 ”|“ 新 
建 ” 命 令 ， 打开 “新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 页 ” 选 
项 卡 中 “页 面 类 型 ”下 拉 列 表 框 下 的 HTML 选项 , 在 “ 布 图 10-20 “系统 DSN” 选 项 卡 
局 ”下 拉 列 表 框 中 选择 “无 ”选项 , 然后 单 击 “ 创 建 ” 按 钮 , 在 网 站 根 目 录 下 新 建 一 个 名 为 index.asp 
的 网 页 并 保存 ， 如 图 10-21 所 示 。 





























mle ler le 
































OO" ws, ee boo 
”4 
各 二 EwReca 在 
connecions 
ex -ea 
[et Bmdb 
EE 
Das 
清寺 Sn 
- E Fr-------- 
HSN rdreop 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 十 一 一 局 学 输入 要 保 
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图 10-21 建立 首页 并 保存 


07 设置 好 “站 点 ”测试 服务 器 ”, 在 Dreamweaver 
CC 中 执行 菜单 “窗口 ”| “数据 库 ” 命 令 ， 打开“ 数据 
库 ” 面板 ， 单 击 “数据 库 ” 面 板 中 的 四 按钮 ， 在 弹出 
的 菜单 中 选择 “数据 源 名称 (DSN) ”命令 ， 如 图 10-22 
所 示 。 图 10-22 选择 “数据 源 名 称 (DSN)” 选 项 

08 打开 “数据 源 名 称 (DSN)” 对 话 框 ， 在 “连接 名 称 ” 文 本 框 中 输入 connblog， 单 击 “ 数 
据 源 名 称 DSN)” 下 拉 列 表 框 右边 的 三 角 按钮 图 ， 从 打开 的 下 拉 列 表 中 选择 connblog， 其 他 保持 
默认 值 ， 单 击 “ 测 试 ” 按 钮 ， 如 果 连 接 成 功 将 提示 “成 功 创建 连接 脚本 ” 如 图 10-23 所 示 。 











pt eg 


! 1. 输入 连接 名 称 a 
he tte 1 2. 选择 刚 设置 的 数 


1 据 源 名 称 connblog 














图 10-23 “数据 源 名 称 (DSN)” 对 话 框 
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098 单 击 “ 确 定 ” 按钮， 完成 数据 库 的 连接 。 
10.3 博客 主要 页 面 设计 


博客 主页 面 index.asp 由 博客 分 类 页 面 、 最 新 日 志 、 访 问 统计 、 推 荐 博客 、 用 户 注册 和 最 新 
注册 用 户 信息 等 几 大 栏目 组 成 。 当 用 户 登录 后 可 进入 个 人 博客 主页 面 和 个 人 博客 管理 页 面 , 对 
博客 列表 进行 修改 、 删 除 和 添加 。 如 果 登 录 的 用 户 是 管理 员 账 号 admin， 则 进入 管理 员 后 台 管 
理 页 面 ， 此 页 面 不 但 可 以 对 自己 的 博客 进行 编辑 ， 还 可 以 对 其 他 用 户 的 博客 进行 推荐 和 删除 
操作 。 


10.3.1 博客 主页 面 的 设计 


首先 要 制作 博客 主页 面 index.asp， 该 页 面 由 博客 分 类 页 面 、 最 新 日 志 、 访 问 统计 、 推 荐 博 
客 、 用 户 注 册 和 最 新 注册 用 户 信息 等 几 大 栏目 组 成 ， 其 页 面 设计 效果 如 图 10-24 所 示 。 



























op- scx 











10-24 ”博客 主页 面 效 果 图 


详细 的 操作 步骤 如 下 : 

01 启动 Dreamweaver CC， 在 同一 站 点 下 选择 刚 创建 的 主页 面 ndex.asp。 输 入 网 页 标题 “ 博 
客 ”。 接 下 来 要 设置 网 页 的 CSS 格式 ， 执 行 菜单 “修改 ”|“ 页 面 属性 ”命令 ， 打 开 “ 页 面 属 性 ”对 
话 框 ， 单 击 “ 分 类 ”列表 框 下 的 “外 观 (CSS)” 选 项 ， 在 “大 小 ”文本 框 中 输入 12px， 在 “上 边 
距 ” 文 本 框 中 输入 0， 并 将 “背景 颜色 ” 设 为 杆 EF4F3， 其 他 设置 如 图 10-25 所 示 。 
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图 10-25 “页 面 属性 ”对 话 框 
02 单 击 “ 确 定 ” 按 钮 进入“ 文档” 窗口， 执行 菜单 “插入 ”|“ 表 格 ”命令 ， 打开 “表格 ” 
对 话 框 ， 在 “ 行 ”文本 框 中 输入 需要 插入 表格 的 行 数 5， 在 “ 列 ” 文 本 框 中 输入 需要 插入 表格 的 列 
数 2， 在 “表格 宽度 ”文本 框 中 输入 765 像素 ,“ 边 框 粗细 ”“ 单 元 格 边 距 ” 和 “单元 格 间距 ”都 为 
0， 其 他 设置 如 图 10-26 所 示 。 
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图 10-26 “表格 ”对 话 框 


03 单 击 “ 确 定 ”按钮 ， 在 “文档 ”窗口 中 就 插入 了 一 个 5 行 2 列 的 表格 。 用 鼠标 选中 第 1 
行 并 将 其 合并 ， 同 样 把 表格 的 第 5 行 合并 为 1 行 。 选 中 整个 表格 ， 在 “属性 ”面板 中 设置 “对齐 ” 
为 “居中 对 齐 ” 效果 如 图 10-27 所 示 。 a 

-4 合并 单元 格 效果 ! 











图 10-27 插入 表格 并 合并 单元 格 
04 把 光标 放 在 第 1 行 中 ， 执 行 菜单 “插入 ”| “图像 ”命令 ， 打开“ 选择 图 像 源 文件 ”对 话 








框 ,在 “查找 范围 ”站 点 中 ,选择 images 文件 夹 中 的 1.g 让 图 像 嵌入 到 表格 中 ,在 第 5 行 的 “属性 ” 
面板 中 设置 高 度 为 40 像素 ， 设 置 背 景色 为 本 98496， 并 在 该 行 中 输入 文字 “Copyright 2009-2012 
fanyunblog.com All Rights Reserved.”， 设 置 “ 字 体 颜色 ”为 白色 、“ 对 齐 ” 为 “居中 对 齐 ” 得 到 的 
效果 如 图 10-28 所 示 。 
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图 10-28 嵌入 图 像 


05 在 第 2 行 第 1 个 单元 格 中 根据 本 书 第 5 章 用 户 管理 系统 建设 , 设计 出 一 个 会 员 登 录 系 统 ， 
再 在 其 他 单元 格 中 插入 相应 的 图 片 和 文字 ， 得 到 首页 的 页 面 结构 如 图 10-29 所 示 。 








图 10-29 ”页面 设计 图 
06 首页 的 页 面 结构 搭建 好 以 后 ， 开 始 对 每 一 个 栏目 进行 设计 ， 首 先 对 “最 新 注册 ”栏目 设 
计 ,“ 最 新 注册 ”栏目 其 实 就 是 根据 users 表 中 的 user_ID 降序 来 显示 users 数据 表 中 的 最 新 记录 ， 
单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 
项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-8 所 示 的 数据 ， 如 图 10-30 所 示 。 


表 10-8 “记录 集 ” 的 表格 设 定 

















[属性 设置 人 | 
| 名称 Rsl | 
| 连接 connblog | 
| 表格 Users | 

| 


| 列 全 部 
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选择 connblog 数据 源 中 的 
users 数据 表 中 的 全 部 字段 建 
立 记录 集 查 询 , 在 数据 显示 的 
时 候 以 user_ID 降序 显示 
































图 10-30 绑 定 “记录 集 ” 设 定 
07 单 击 “确定 ”按钮 ， 完 成 记录 集 Rsl 的 绑 定 ， 绑 定 记 录 集 后 ， 将 记录 集 的 字段 插入 至 
index.asp 网 页 的 适当 位 置 ， 如 图 10-31 所 示 。 
08 最 新 注册 用 户 需要 显示 最 新 注册 的 五 个 用 户 的 注册 名 ， 所 以 必须 加 入 “服务 器 行为 ”中 
的 “重复 区 域 ” 的 设置 ， 单 击 要 重复 显示 的 一 行 ， 如 图 10-32 所 示 。 











图 10-31 插入 至 index.asp 网 页 中 图 10-32 选择 要 重复 的 一 行 
09 选择 要 重复 显示 的 一 行 后 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 
在 弹出 的 菜单 中 选择 “重复 区 域 ” 的 选项 ， 打 开 “ 重 复 区 域 ” 对 话 框 ， 在 打开 的 “重复 区 域 ”对 话 
框 中 ， 设 置 显示 的 记录 数 为 5 条 记录 ， 如 图 10-33 所 示 。 











上 选择 要 显示 最 ! 
! 新 注册 的 记录 
! 数 为 5 条 记录 





图 10-33 选择 一 次 可 以 显示 的 记录 条 数 
10 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 
“重复 ”的 灰色 标签 ， 表 示 已 经 完成 设置 。 

11 显示 出 最 新 注册 的 用 户 后 ， 访 问 者 可 以 单 击 用 户 名 
进入 注册 用 户 个 人 博客 页 面 。 实 现 的 方法 是 ， 首 先 选取 编辑 
页 面 中 的 Rsl.user_username 字段 ， 如 图 10-34 所 示 。 图 10-34 选择 字段 
12 选取 编辑 页 面 中 的 Rsl.user_username 字段 后 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ” 
面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ” 选 项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 
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框 中 单 击 “ 浏 览 ” 按 钮 ， 打 开 “ 选 择 文件 ”对 话 框 ， 选 择 此 站 点 中 的 userasp， 并 将 “传递 URL 参 
数 ”设置 为 user_username， 如 图 10-35 所 示 。 




















车 高 避 二 疙 局 品 霹 天 吕 台 十 呈 局 辣 十 辐 己 后 


传递 现 有 参数 四 URL 参数 
口 表单 允 数 





图 10-35 “ 转 到 详细 页 面 ”对 话 框 
13 单 击 “ 确 定 ”按钮 ， 完 成 对 “最 新 注册 ”栏目 的 制作 。 下 面 将 对 统计 栏目 进行 设计 ， 需 
要 进行 统计 的 栏目 包括 博客 数 、 日 志 数 、 回 复数 ， 可 以 在 记录 集 查询 高 级 模式 中 的 SQL 语句 中 使 
用 COUNT(*) 函 数 进行 统计 。 


【分 COUNT(*) 函数 不 需要 expression 参数 , 因为 该 函数 不 使 用 有 关 任何 特定 列 的 信 
息 .该 函数 计算 符合 查询 限制 条 件 的 总 数 。COUNT(*) 函数 返回 符合 查询 中 指定 
提 示 ”的 搜索 条 件 的 数目 ， 而 不 消除 重复 值 。 


14 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-9 所 示 的 数据 ， 如 图 10-36 所 示 。 











表 10-9 “记录 集 ”Rs2 的 表格 设 定 
属性 
名 称 
连接 
SELECT count(*) as num 


So FROM users /计算 所 有 用 户 博客 数 


























图 10-36 绑 定 “记录 集 ”Rs2 
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15 分 别 单 击 两 次 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 记 
录 集 (查询 )” 选 项 ， 打 开 “ 记 录 集 ”对 话 框 ， 分 别 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-10 
和 表 10-11 所 示 的 数据 ， 如 图 10-37 和 图 10-38 所 示 。 


























表 10-10 “记录 集 ”Rs3 的 表格 设 定 











属性 设置 值 
名 称 Rs3 
连接 connblog 





SQL SELECT count(*) as num 
FROM blog log /计算 所 有 日 志 数 
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图 10-37 绑 定 “记录 集 ”Rs3 


表 10-11 “记录 集 ”Rs4 的 表格 设 定 
[和 

SQL SELECT count(*) as num 
FROM log reply /1/ 计 算 所 有 












































图 10-38 绑 定 “记录 集 ”Rs4 
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16 单 击 “确定 ”按钮 ， 完 成 记录 集 Rs2、Rs3、Rs4 的 绑 定 ， 绑 定 记 录 集 后 ， 将 记录 集 的 字 
段 插入 至 index.asp 网 页 的 适当 位 置 ， 如 图 10-39 所 示 。 









将 字段 插入 至 网 | ~- sz mm 


图 10-39 插入 至 index.asp 网 页 中 


17 插入 字段 后 完成 对 统计 栏目 制作 , 现在 来 设置 “推荐 博客 ”一 栏 , 推荐 博客 条 件 应 为 users 
数据 表 中 的 user_blog_good 等 于 1 时 成 立 (1 为 推荐 , 0 为 不 推荐 ), 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 
定 ”面板 上 的 由 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 打 开 “ 记 录 集 ”对 话 框 ， 在 
打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-12 所 示 的 数据 ， 如 图 10-40 所 示 。 





表 10-12 “记录 集 ”Rs6 的 表格 设 定 


SELECT* 


FROM users /从 数据 库 中 选择 users 数 据 表 
WHERE user_blog_good=1 /选择 的 条 件 为 user_blog_good 为 1 
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图 1040 绑 定 “记录 集 ”Rs6 


18 单 击 “ 确 定 ”按钮 ， 完 成 对 Rs6 记录 集 的 绑 定 ， 把 Rs6 记录 集中 的 user_blog_name 和 
user_username 两 个 字段 插入 到 页 面 的 适当 位 置 ， 如 图 10-41 所 示 。 


pe 
1 
1 


将 字段 插入 网 页 ! 
1 的 适当 位 置 
1 





3 Ree user blog nme) (Re8 user usernane) 


图 10-41 将 两 个 字段 插入 到 页 面 中 
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19 因为 推荐 的 博客 不 是 一 个 ， 而 目前 的 设 定 则 只 会 显示 数据 库 的 一 条 记录 ， 所 以 需要 加 入 
“服务 器 行为 ”中 “重复 区 域 ”的 设置 ， 单 击 要 重复 显示 的 那 一 行 ， 如 图 10-42 所 示 。 














1 
到 {Rs6. user blog name {Rs6. user_username] 


图 10-42 ”选择 要 重复 的 一 行内 容 
20 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ” 选 项 ,在 打开 的 “重复 区 域 ”对 话 框 中 , 设置 显示 的 记录 数 为 5 条 记录 ， 如 图 10-43 所 示 。 




















选择 要 显示 推荐 
5 条 记录 


图 10-43 ”选择 一 次 可 以 显示 的 记录 条 数 


21 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 , 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表示 已 经 完成 设置 。 

22 里 示 出 推荐 的 用 户 博客 后 ， 访 问 者 可 以 单 击 博 
客 名 进入 用 户 个 人 的 博客 页 面 ， 选 取 编辑 页 面 中 的 
Rs6.user_blog_name 字段 ， 如 图 10-44 所 示 。 图 10-44 选择 字段 

23 选取 编辑 页 面 中 的 Rs6.user_blog_name 字段 后 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行 
为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 
对 话 框 中 单 击 “ 浏 览 ”按钮 ， 打开 “选择 文件 ”对 话 框 ,选择 此 站 点 中 的 userasp， 并 将 “传递 URL 
参数 ”设置 为 user_username， 如 图 10-45 所 示 。 
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图 10-45 “ 转 到 详细 页 面 ”对 话 框 
24 单 击 “确定 ”按钮 ， 完 成 对 “推荐 博客 ”栏目 的 制作 ， 在 “博客 分 类 ”栏目 中 主要 是 绑 
定 blog_type 数据 表 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 
“记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-13 所 示 的 数据 ， 如 图 10-46 
所 示 。 
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表 10-13 “记录 集 ”Rs7 的 表格 设 定 



































属性 设置 值 

名 称 Rs7 

连接 connblog 

表格 blog type 

列 全 部 

筛选 无 

排序 无 
Ee Ea 
[sm 
:和 二 = | 宇 

列 = 全 部 司 六 定 的 








图 1046 绑 定 “记录 集 ”Rs7 
25 单 击 “确定 ”按钮 完成 对 Rs7 记录 集 的 绑 定 ， 将 Rs7 记录 集中 的 typename 字段 插入 页 面 


中 的 适当 位 置 ， 如 图 10-47 所 示 。 
26 在 显示 博客 分 类 的 记录 数 时 ， 要 求 显示 出 所 有 的 博客 分 类 数 ， 需 要 加 入 “服务 器 行为 ” 
中 人 的 设置 ， 单 击 要 重复 显示 的 一 行 ， 如 图 10-48 所 示 。 

















人 a {RsT. typename} 


图 10-47 插入 字段 typename 图 10-48 选择 要 重复 的 一 行 
27 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ” 选 项 ， 在 打开 的 “重复 区 域 ”对 话 框 中 设置 显示 的 记录 数 ， 例 如 所 有 记录 ， 如 图 10-49 
所 示 。 
























































让 DA bd 1 记录 集 ，| RsT M4 
1 选择 显示 所 有 博 pe - 未 日 0 ] 记 好 = 
1 客 分 类 的 记录 |! ~ pasa 








图 10-49 选择 一 次 可 以 显示 的 记录 条 数 
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28 单 击 “ 确 定 ” 按 钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左 上 角 出 现 了 一 个 
“重复 ”的 灰色 标签 ， 表 示 已 经 完成 设置 。 

29 显示 所 有 博客 分 类 后 ， 单 击 博客 中 的 分 类 
进入 博客 分 类 的 子 内 容 页 面 ， 所 以 要 选取 编辑 页 面 
中 的 Rs7.typename 字段 ， 如 图 10-50 所 示 。 图 10-50 选择 字段 

30 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 
到 详细 页 面 ” 选 项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 ， 单 击 “ 浏 览 ”按钮 ， 打 开 “ 选 择 文件 ” 
对 话 框 ， 选 择 此 站 点 中 的 blog_type.asp， 并 将 “传递 URL 参数 ”设置 为 typename， 如 图 10-51 所 
示 。 











































































































Fr--------------, mm 国 
1 根据 字段 typename 的 值 | er CC 本 
1 转 到 blog_type.asp 的 详 '- 一 上- 一 ?失信 息 页 Dice te 37 GE CN] 
1 站 1 村 到 URL 全数 tyFename 设 村 为 以 下 机 的 得 .| 
1 细 页 面 1 | 
0 
估计 妥 有 全数 目 URL 参 娄 
表单 参数 





图 10-51 设置 “ 转 到 详细 页 面 ” 对 话 框 
31 单 击 “ 确 定 ”按钮 完成 “博客 分 类 ”栏目 的 制作 ， 下 面 将 制作 “最 新 日 志 ” 栏 目 ， 最 新 
日 志 将 用 到 的 是 博客 信息 表 blog_log， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 外 按钮 ， 在 弹 
出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-14 所 示 的 数 
据 ， 如 图 10-52 所 示 。 














表 10-14 “记录 集 ”Rs5 的 表格 设 定 















! 选择 connblog 数据 源 中 的 
| blog log 数据 表 中 的 全 部 字 
! 段 建立 记录 集 查询 , 在 数据 显 
1 
1 














图 10-52 绑 定 记录 集 Rs5 
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32 单 击 “ 确 定 ” 按 钮 完成 对 Rs5 记录 集 的 绑 定 ， 然 后 将 Rs5 记录 集中 的 字段 插入 页 面 中 的 
适当 位 置 ， 如 图 10-53 所 示 。 











图 10-53 插入 字段 


33 在 显示 最 新 日 志 的 记录 数 时 要 求 显示 部 分 日 志 ， 而 目前 的 设 定 则 只 会 显示 一 条 记录 ， 需 
要 加 入 “服务 器 行为 ”中 “重复 区 域 ”的 设置 ， 单 击 要 重复 显示 的 那 一 行 ， 如 图 10-54 所 示 。 








TO TO Te | 
图 10-54 选择 要 重复 的 一 行 


34 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 办 按钮， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ”选项 ， 在 打开 的 “重复 区 域 ”对 话 框 中 ， 设 置 显示 的 记录 数 为 0， 如 图 10-55 所 示 。 
上 选择 要 显示 最 新 博 1 
! 客 的 记录 数 为 10 
1 
1 














图 10-55 选择 一 次 可 以 显示 的 记录 条 数 

35 单 击 “ 确 定 ” 按 钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 
“重复 ”的 灰色 标签 ， 表 示 已 经 完成 设置 。 

36 当 单 击 访问 最 新 日 志 的 标题 时 ， 希 望 进入 日 志 详 
细 内 容 页 面 查看 内 容 ， 选 取 编 辑 页 面 中 的 Rs5.log title 字 
段 ， 如 图 10-56 所 示 。 图 10-56 选择 字段 

37 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 
到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 ， 单 击 “ 浏 览 ”按钮 ， 打 开 “ 选 择 文件 ” 
对 话 框 , 选择 此 站 点 中 的 log_content.asp, 并 将 “传递 URL 参数 ”设置 为 log ID,， 如 图 10-57 所 示 。 



































! 根据 字段 log_ID 的 值 转 到 人 
1 log_content.asp 的 详细 页 面 ! 
1 





图 10-57 “ 转 到 详细 页 面 ”对 话 框 
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38 单 击 “ 确 定 ” 按 钮 ， 完 成 对 博客 主页 面 index.asp 页 面 的 设计 与 制作 (用 户 注册 模块 的 制 
作 可 以 参考 本 书 中 的 第 5 章 ， 这 里 不 做 详细 说 明 )， 打 开 下 浏览 器 ， 在 耻 地 址 栏 中 输入 
“http://127.0.0.1/index.asp” 浏 览 效 果 


10.3.2 ”博客 分 类 页 面 的 设计 


博客 分 类 页 面 是 在 首页 index.asp 中 单 击 博客 分 类 项 , 通过 typename 字 段 参数 传递 打开 的 另 
一 个 页 面 ， 主 要 是 用 来 显示 博客 分 类 中 的 子 分 类 信息 。 
详细 的 制作 步骤 如 下 : 


O01 打开 博客 分 类 页 面 blog type.asp， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 四 按钮 ， 
在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-15 所 示 




































































的 数据 ， 如 图 10-58 所 示 。 
表 10-15 “记录 集 ”Rs 的 表格 设 定 
民 ia 
名 称 | 
地 
表格 [CR 
列 | 
入 





排序 


根据 前 面 所 传递 的 ，! 
typename 参数 进行 第 选 | 











图 10-58 绑 定 “ 记 录 集 ”Rs 


02 单 击 “ 确 定 ” 按 钮 ， 完 成 对 Rs 记录 集 的 绑 定 ， 将 Rs 记录 集中 的 字段 插入 页 面 中 的 适当 
位 置 ， 如 图 10-59 所 示 。 
































图 10-59 插入 字段 
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03 在 博客 分 类 子 分 类 信息 页 面 中 要 加 入 “服务 器 行为 ”中 “重复 区 域 ” 的 设置 来 显示 部 分 
或 全 部 的 博客 分 类 子 分 类 中 的 用 户 信息 ， 单 击 要 重复 显示 的 那 一 行 表格 ， 如 图 10-60 所 示 。 












































图 10-60 选择 要 重复 的 行 


04 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 办 按钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ”选项 ， 在 打开 的 “重复 区 域 ”对 话 框 中 ， 设 置 显 示 的 记录 数 为 15， 如 图 10-61 所 示 。 


























图 10-61 选择 一 次 可 以 显示 的 记录 条 数 


05 单 击 “确定 ”按钮 回 到 编辑 页 面 , 会 发 现 先前 所 选取 要 重复 的 区 域 左 上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表示 已 经 完成 设置 。 

06 当 显 示 的 记录 大 于 15 条 时 ， 就 必须 加 入 “记录 集 分 页 ”功能 ， 将 光标 移 至 要 加 入 “记录 
集 导航 条 ”的 位 置 ， 在 “服务 器 行为 ”面板 中 单 击 [而 和 按钮 ， 在 弹出 的 下 拉 列表 中 选择 “记录 集 分 
页 ”功能 ， 插 入 “第 一 页 ”， 然 后 按照 相同 的 方法 插入 其 他 记录 集 分 页 功能 ， 如 图 10-62 所 示 。 

07 选取 编辑 页 面 中 的 Rs.user_blog_name 字段 ， 如 图 10-63 所 示 。 











限 客 帮 


ee | 
Rs. user blog name}: 
RN 








图 10-62 插入 “记录 集 导 航 条 ” 图 10-63 ”选择 字段 


08 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 
到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 单 击 “ 浏 览 ”按钮 ， 打 开 “ 选 择 文件 ”对 
话 框 ， 选 择 此 站 点 中 的 userasp， 并 将 “传递 URL 参数 ”设置 为 user_username， 设 置 如 图 10-64 
所 示 。 




















| | 链接 -| “<%= (Rs Fields Iten("user_blo; v 
! 根据 字段 user_usemame 的 值 1 衬 引 信和 User. aap GE 
1 转 到 userasp 的 详细 页 面 1 估计 URLS 数 user_usernane 设 村 为 以 下 项 的 估 

1 


1 = 
------------------- 记录 集 Rs _ 











图 10-64 “ 转 到 详细 页 面 ”对 话 框 





Dreamweaver CC+ASP 动态 网 站 建设 与 典型 实例 





09 选择 Rs.user email 字段 ， 在 “属性 ”面板 中 单 击 
“链接 ”文本 框 后 面 的 “指向 文件 ”按钮 ， 按 住 鼠 标 左 键 | 羡 
不 放 并 拖 动 鼠标 至 “记录 集 (Rs)” 中 的 user_ email 字段 ， 
并 且 在 URL 链接 前 面 加 上 mailto:， 如 图 10-65 所 示 。 和 
10 单 击 “ 确定” 按钮 ,完成 博客 分 类 页 面 blog_type.asp 
的 设计 制作 。 


10.3.3 “日志 内 容 页 面 的 设计 


日 志 内 容 页 面 是 当 访 问 者 单 击 日 志 标题 时 进入 的 
页 面 , 是 显示 日 志 的 详细 内 容 和 回复 主题 的 信息 页 面 ， 
也 可 以 在 线 对 此 主题 提交 回复 。 日志 内 容 页 面 
log_content.asp 的 设计 效果 如 图 10-66 所 示 。 图 10-65 ”设置 给 对 方 发 送 E-mail 
































EDD-DD DD * DDD 





| Te)| 



































图 10-66 日 志 内 容 页 面 效果 图 
详细 操作 步骤 如 下 : 
01 打开 日 志 内 容 页 面 log_contentasp， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 外 按钮 ， 


在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-16 所 示 
的 数据 ， 如 图 10-67 所 示 。 














表 10-16 “记录 集 ”Rs1 的 表格 设 定 











属性 设置 什 | 
名 称 Rsl | 
连接 connblog 

表格 各 

列 ET 
1 








排序 二 





博客 系统 开发 ”第 10 党 








= | CE 

! 根据 前 面 所 传递 的 博 ! 
! 客 主题 编号 log ID 参 +--- 
! 数 进行 第 和 ! 




















图 10-67 绑 定 “记录 集 ”Rsl 


02 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 Rsl 日 志 标 题 
的 绑 定 ， 绑 定 记录 集 后 ， 将 记录 集 Rsl 中 的 字 ES ee 二 
段 插入 log_content.asp 网 页 中 的 适当 位 置 , 如 图 
10-68 所 示 。 图 10-68 插入 Rsl 记录 集中 的 字段 
03 再 次 单 击 “应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 办 按钮 ， 在 弹出 的 菜单 中 选择 “记录 
集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-17 所 示 的 数据 ， 如 图 10-69 所 示 。 





表 10-17 “记录 集 ”Rs2 的 表格 设 定 


| 
ET lw 
ET 
TT wenruasaan | 

二 


排序 























! 根据 前 面 所 传 ， 
! 递 的 log ID 参 上- 和 
! 数 进行 第 选 。! E 









































图 10-69 绑 定 “记录 集 ”Rs2 

04 单 击 “ 确 定 ” 按 钮 完成 记录 集 Rs2 的 

绑 定 , 绑 定 记 录 集 后 , 将 记录 集 Rs2 中 的 字段 插 

入 log_content.asp 网 页 中 的 适当 位 置 ,如 图 10-70 
所 示 。 





回复 时 间 : {Rs2. reply_addtine} 


图 10-70 插入 Rs2 记录 集中 的 字段 
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05 由 于 一 个 主题 有 可 能 不 止 一 条 回复 信息 ， 因 此 必须 加 入 “服务 器 行为 ”中 “重复 区 域 ” 
的 设置 来 显示 回复 信息 的 部 分 或 全 部 数据 ， 选 择 log_content.asp 页 面 中 要 重复 显示 的 那 一 个 表格 ， 


如 图 10-71 所 示 。 



































图 10-71 选择 要 重复 显示 的 那 一 个 表格 
06 选择 要 重复 显示 的 区 域 后 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 办 按钮 ， 
在 弹出 的 菜单 中 选择 “重复 区 域 ”选项 ， 在 打开 的 “重复 区 域 ” 对 话 框 中 ， 设 定 “ 显 示 ” 的 记录 条 
数 为 5， 如 图 10-72 所 示 。 























- -， 设 置 要 显示 的 记 
上 录 数 为 5 条 记录 








图 10-72 ”选择 要 重复 显示 的 记录 条 数 
07 单 击 “确定 ”按钮 ， 返 回 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 
“重复 ”的 灰色 标签 ， 表 示 已 经 完成 设置 ， 如 图 10-73 所 示 。 
08 当 一 个 主题 的 回复 信息 大 于 “重复 区 域 ” 设 定 显示 的 记录 数 时 ， 就 必须 在 log_content.asp 
中 加 入 “记录 集 分 页 ”功能 让 信息 分 页 显示 。 在 “服务 器 行为 ”面板 中 单 击 线 按钮 ， 在 弹出 的 下 
拉 列 表 中 选择 “记录 集 分 页 ”功能 ， 插 入 “第 一 页 ”， 然 后 按照 相同 的 方法 插入 其 他 记录 集 分 页 功 








能 ， 如 图 10-74 所 示 。 














图 10-73 ”完成 设 定 “ 重 复 区 域 ” 





上 EECETSFRTYC 


10-74 加 入 “记录 集 分 页 ” 
可 复 信息 的 时 候 希 望 显示 所 有 的 回复 信息 ， 当 


























098 加 入 记录 集 分 页 的 功能 后 ， 一 个 主题 如 果 有 
没有 回复 信息 时 就 显示 提示 语 “ 目 前 无 回复 内 容 ， 请 回复 !” 这 就 要 加 入 “显示 


选取 记录 集 有 数据 时 要 显示 的 数据 表格 ， 如 图 10-75 所 示 。 


区 域 ”功能 ， 首 先 








eply_ 








图 10-75 选择 有 记录 时 显示 的 表格 


*266。 
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10 单 击 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “显示 区 域 ”|“ 如 果 记 录 集 
不 为 空 则 显示 区 域 ” 选项 ,在 打开 的 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 中 选择 记录 集 为 Rs2， 
单 击 “ 确 定 ” 接 钮 回 到 编辑 页 面 , 会 发 现 先前 所 选取 要 显示 的 区 域 左上 角 出 现 了 一 个 “如 果 符合 
比 条 件 则 显示 ”的 灰色 标签 ， 表 示 已 经 完成 设置 ， 如 图 10-76 所 示 。 


















































图 10-76 完成 设置 的 显示 图 标 


和 1 再 选择 没有 回复 数据 时 要 显示 的 文字 “目前 无 回复 内 容 ， 请 回复 !”， 根 据 前 面 的 制作 步 
又 ， 将 区 域 设 定 成 “如 果 记录 集 为 空 则 显示 区 域 ”” 如 图 10-77 所 示 。 















































图 10-77 选择 没有 数据 时 的 显示 


12 下 面 将 制作 “回复 ” 栏 , 该 栏 和 前 面 的 留言 板 一 样 , 将 回复 的 信息 添加 到 数据 表 log_reply 
中 ， 设 计 表 单 forml 中 的 文本 域 和 文本 区 域 如 表 10-18 所 示 ， 静 态 页 面 设计 效果 如 图 10-78 所 示 。 




















表 10-18 ”form1 的 表格 设 定 


| 提交 sm 
13 执行 菜单 “插入 ”|“ 表 单 ”|“ 隐 藏 ”命令 ， 在 表单 中 插入 一 个 隐藏 域 ， 单 击 选择 该 隐 
藏 域 ， 在 “属性 ”面板 中 设置 名 称 为 og_ID、 值 等 于 “<%=request.querystring("log_ID")%>”( 其 中 
Request.QueryString 就 是 获取 请 求 页 面 时 传递 的 参数 )， 设 置 如 图 10-79 所 示 。 




















值 D) [Qerequest. maerystringClog I0")| 多 











10-78 回复 栏 的 静态 页 面 设计 效果 图 10-79 设置 隐藏 域 
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14 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 插 
入 记录 ”选项 ， 在 打开 的 “插入 记录 ”对 话 框 中 ， 设 置 如 表 10-19 所 示 的 参数 ， 如 图 10-80 所 示 。 


























表 10-19 “插入 记录 ”的 表格 设 定 























| 属性 设置 什 | 
| 连接 connblog | 
| 插入 到 表格 log reply | 
| 插入 后 ， 转 到 log_content.asp | 
| 获取 值 自 forml | 





表单 字段 与 数据 表 字段 相对 应 








1. 将 表单 里 输入 的 数 连接 [oablon 
据 插入 log_reply 数据 bd TT EE | 


牟 入 后 , 转 到 : log_content. asp ss) | 
2. 表单 中 的 文 
本 域名 称 要 和 插 
入 到 数据 表 中 的 
字段 相对 应 








1 

1 

1 

1 

! 表 中 ， 插 入 后 再 转 到 
1 log_content.asp 页 面 

1 














图 10-80 “插入 记录 ”对 话 框 

15 单 击 “ 确 定 ”按钮 ， 回 到 网 页 设计 编辑 页 面 ， 完 成 插入 记录 的 设计 。 

16 但 是 有 些 访问 者 在 留言 时 不 填 任 何 数据 而 直接 把 表单 送出 ， 这 样 数据 库 中 就 会 自动 生成 
一 笔 空白 数据 ， 所 以 为 了 杜绝 这 种 现象 发 生 ， 需 要 加 入 “检查 表单 ”的 行为 。 具 体操 作 是 在 
log_content.asp 的 标签 检测 区 中 单 击 <form1l> 标 签 ， 然 后 再 单 击 “ 行 为 ”面板 上 的 外 按钮 ， 在 弹出 
的 菜单 中 选择 “检查 表单 ”选项 ， 检 查 表单 行为 会 根据 表单 的 内 容 来 设 定 检查 的 方式 ， 在 此 希望 访 
问 者 一 定 要 全 部 填写 ， 所 以 选中 了 “ 值 ” 后 面 的 “必需 的 ” 复 选 框 ， 这 样 就 可 以 完成 检查 表单 的 行 
为 设置 ， 如 图 10-81 所 示 。 




















可 接 委 。 司 任 何 东西 了 数字 








图 10-81 选择 必 填 字段 
17 单 击 “确定 ”按钮 ， 完 成 日 志 内 容 页 面 log_content.asp 的 设计 与 制作 。 
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10.3.4 个 人 博客 主页 面 的 设计 


个 人 博客 主页 面 user.asp 主 要 由 博客 分 类 、 最 新 留言 及 博客 内 容 几 个 栏目 组 成 ， 页 面 设计 
效果 如 图 10-82 所 示 。 


























图 10-82 个 人 博客 主页 面 效 果 图 


详细 的 制作 步骤 如 下 ; 


01 打开 userasp 页 面 , 因为 博客 主页 面 和 博客 分 类 页 面 都 由 user_username 的 URL 变量 传递 
到 userasp 页 面 ,所 以 可 以 用 user_username 字段 的 “URL 参数 ”建立 一 个 博客 的 记录 集 。 单 击 “ 应 
用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打 
开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-20 所 示 的 数据 ， 如 图 10-83 所 示 。 





表 10-20 “记录 集 ”Rs1 的 表格 设 定 


em 


列 全 部 


User_username 、=、URL 参 数 、user_username 








! 根据 前 面 所 传递 的 1 
user_username 参数 
1 
1 


进行 筛选 1 


























图 10-83 绑 定 “记录 集 ”Rsl 
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02 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 Rsl 的 绑 定 ， 把 绑 定 的 Rsl 中 的 字段 插入 到 个 人 博客 主 
页 面 中 适当 的 位 置 ， 如 图 10-84 所 示 。 














{Rs1. log_titlel 


si, log-e 





发 表 于 faal lee sdatise} ”详细 内 容 
图 10-84 插入 字段 


03 在 个 人 博客 主页 面 中 要 显示 所 有 博客 或 部 分 博客 的 记录 , 而 目前 的 设 定 只 会 显示 一 条 记录 ， 
因此 需要 加 入 “服务 器 行为 ”中 “重复 区 域 ”的 设置 ， 单 击 要 重复 显示 的 表格 ， 如 图 10-85 所 示 。 














{Rs1. log_title} 
‘thsi. loee 





图 10-85 选择 要 重复 的 表格 
04 单 击 要 重复 显示 的 表格 后 再 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 
在 弹出 的 菜单 中 选择 “重复 区 域 ” 选 项 ， 在 打开 的 “重复 区 域 ”对 话 框 中 设置 显示 的 记录 数 为 $， 
如 图 10-86 所 示 。 




















选择 要 显示 记录 








图 10-86 选择 一 次 可 以 显示 的 记录 条 数 
05 单 击 “确定 ”按钮 回 到 编辑 页 面 , 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表 示 已 经 完成 设置 。 
06 在 userasp 页 面 中 加 入 “记录 集 导 航 条 ” 用 来 分 页 显示 博客 的 数据 ， 将 光标 移 至 要 加 入 








录 集 分 页 ”命令 ， 分 别 在 网 页 中 添加 “首页 ”““ 上 页 ”“ 下 页 ”““ 尾 页 ”等 功能 ， 如 图 10-87 所 示 。 
加 入 “记录 集 分 页 ”功能 后 ， 还 需要 插入 用 于 显示 目前 是 第 几 页 和 共有 多 少 条 记录 的 功能 。 
将 光标 移 至 页 面 表格 的 右上 角 ， 把 绑 定 的 Rsl 中 的 字段 插入 页 面 的 适当 位 置 ， 如 图 10-88 所 示 。 





























图 10-87 加 入 记录 集 导 航 条 图 10-88 ”加 入 记录 集 导 航 状 态 
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08 选取 编辑 页 面 中 的 “详细 内 容 ” 文 字 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 
上 的 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 ” 对 话 框 中 
单 击 “浏览 ” 按 钮 打开“ 选择 文件 ”对 话 框 ， 选 择 站 点 中 的 log_content.asp， 并 将 “传递 URL 


参数 ”设置 为 log ID， 如 图 10-89 所 示 。 





























! 根据 字段 log ID 的 值 转 1 se = 
| 、 上 一 上 一 六 二 插 电 豆 /1og_content. asp 
! 到 log contentasp 的 详 | 一 re 
eae ! a 
0 | 
传递 现 有 参数 -下 ] URL 参数 
日 表单 乡 数 








图 10-89 “ 转 到 详细 页 面 ”对 话 框 
09 单 击 “ 确 定 ” 按 钮 ， 完 成 个 人 博客 主页 面 中 的 博客 内 容 栏目 制作 ， 现 在 对 日 志 分 类 这 一 
栏 进行 制作 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 的 菜单 中 选择 “记录 
集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-21 所 示 的 数据 ， 如 图 10-90 所 示 。 














表 10-21 “记录 集 ”Rs2 的 表格 设 定 


mm 和 mr 
ET 
| 


排序 

















根据 前 面 所 传递 的 | 
user username 参 


数 进行 筛选 





图 10-90 绑 定 “记录 集 ”Rs2 

10 单 击 “确定 ”按钮 ， 完 成 记录 集 Rs2 的 绑 定 ， 把 绑 定 的 Rs2 中 的 字段 插入 个 人 博客 页 面 

分 类 栏 中 适当 的 位 置 ， 如 图 10-91 所 示 。 
11 在 个 人 博客 主页 面 中 要 显示 所 有 日 志 分 类 的 记录 ， 而 目前 的 设 定 只 会 显示 一 条 记录 ， 因 

















此 需要 加 入 “服务 器 行为 ”中 “重复 区 域 ” 的 设置 ， 选 择 要 重复 显示 的 表格 ， 如 图 10-92 所 示 。 
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将 字段 插入 这 里 ! 


r 
1 
1 





让 S2. log_class_namej} 


图 10-91 插入 字段 图 10-92 选择 要 重复 显示 的 表格 
12 选择 要 重复 显示 的 表格 后 再 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 
在 弹出 的 菜单 中 选择 “重复 区 域 ”选项 ， 在 打开 的 “重复 区 域 ” 对 话 框 中 设置 显示 的 记录 数 为 “所 
有 记录 ” 如 图 10-93 所 示 。 





















































选择 显示 Rs2 记 录 ! 


集中 的 所 有 记录 |! 

















图 10-93 ”选择 一 次 可 以 显示 的 记录 数 


13 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表 示 已 经 完成 设置 。 














14 选取 编辑 页 面 中 的 Rs2.log_class_ name 字段 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ” 
而 板 上 的 和 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 ” 对 话 
框 中 单 击 “ 浏 览 ” 按 钮 打开“ 选择 文件 ”对 话 框 ， 选 择 此 站 点 中 的 log_class.asp， 并 将 “传递 


URL 参数 ”设置 为 log_class ID， 如 图 10-94 所 示 。 

















和 页面 画 
Fr- | 一 一 
| 和 人 No eran /oe class ap Ee] hk 
1 根据 字段 log_class_ID 的 ， | 且 二 芋 二 让 让 | 
1 值 转 到 log_class.asp 的 详 1 za] 
1 细 页 面 | 到 [icedlnss in 了 
1 


心志 油 有 估 数 可 URL 少数 
本 表 间 多 数 





图 10-94 “ 转 到 详细 页 面 ”对 话 杠 
15 单 击 “确定 ”按钮 ， 完 成 制作 。 接 着 制作 “最 新 留言 ”功能 ， 单 击 “ 应 用 程序 ”面板 组 






































中 “ 绑 定 ”面板 上 的 由 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 
对 话 框 中 单 击 “ 高 级 ”按钮 ， 进 入 “高 级 ”模式 ， 在 “高 级 ”模式 中 输入 如 表 10-22 所 示 的 数据 ， 

















如 图 10-95 所 示 。 








表 10-22 “记录 集 ”Rs3 的 表格 设 定 
设置 值 
Rs3 





connblog 
参数 | 名 称 : MMuser 默认 值 : admin 值 : request.querystring("user_username") 
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在 SQL 语句 中 输入 以 下 代码 : 


SELECT blog log.1og_ID,blog log.user username, 
blog log.1o0g addtime,1og reply.* 
FROM blog log,l1og reply 


WHERE blog log.user username='MMuser'And blog 1og.1og_ID=1og reply.1log_ID 




















和 名称: 到 凤 
连接 [caaailog 加 
二 
ii 四 
eed ae moe ho - 
参数 : [二 [=] 
入 次 MMuser 
I na 
TequestquerystrngCuser- 
殿 认 重 admin 
数据 库 项 | 四国” 表格 自如 到 SQL 
田 轴 视图 Sa  ] 
Ce 
| 




















图 10-95 ” 绑 定 “记录 集 ”Rs3 


| 








中 





加 








BE 卓 




















在 回复 表 里 没有 所 从 属 主题 博客 的 相关 信息 ， 这 里 用 条 件 blog loglog_ 


提 示 


ID=log reply.log ID 来 获取 信息 ,并 用 blog_log.user_username="MMuser' 来 限制 用 户 。 


16 单 击 “确定 ”按钮 ， 完 成 记录 集 Rs3 的 绑 定 ， 将 Rs3 记录 集中 的 reply_title 字段 插入 到 


“最 新 留言 ”栏目 中 ， 如 图 10-96 所 示 。 


17 选取 reply_title 字段 所 在 的 表格 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 





按钮 ， 在 弹出 的 菜单 中 选择 “重复 区 域 ”选项 ， 在 打开 的 “重复 
为 5， 如 图 10-97 所 示 。 





区 域 ” 对 话 框 中 设置 显示 的 记录 数 











图 10-96 插入 reply_title 字段 图 10-97 























选择 一 次 可 以 显示 的 记录 数 为 5 
18 单 击 “确定 ”按钮 ， 完 成 设置 ， 再 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 四 按钮 ， 


在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 然 后 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-23 


所 示 的 数据 ， 如 图 10-98 所 示 。 
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表 10-23 “记录 集 ”Rs4 的 表格 设 定 

















连接 connblog 

表格 users | 
列 全 部 | 
筛选 user_username 、=、URL 参 数 、user_username | 
排序 无 | 














根据 前 面 所 传递 的 
user username 参数 r ----- 
进行 第 先 ! 















图 10-98 ” 绑 定 “ 记 录 集 ”Rs4 
19 单 击 “确定 ”按钮 ， 完 成 记录 集 Rs4 的 绑 定 ， 


执行 菜单 “插入 ”| “Div” 命令 ， 插 入 一 个 层 ， 再 反 | 二 | 


Rs4 中 的 user_blog_name 字段 插入 到 层 中 ， 并 设置 字 
体 效 果 ， 完 成 后 的 效果 如 图 10-99 所 示 。 图 10-99 插入 层 和 字段 


10.3.5 “日 志 分 类 内 容 页 面 的 设计 
日 志 分 类 内 容 页 面 是 显示 个 人 博客 分 类 内 容 的 页 面 , 设计 比较 简单 , 效果 如 图 10-100 所 示 。 














四 [应 二 UY 
A: EN FN: 00st 


Re 
A: EN NA: 


5 Se (Blog) 是 CI ed OICQ) 
pl 用 区 计 3E 主 后 吕 、 汪 这 人 好 和 让 站 生生 

可 有 于 让， 和 人 二 全 
i 扩大 自己 守 手 计 一 个 后 二 自己 的 生 放 了 e9 本 过 
A 


loo ~ 























图 10-100 博客 分 类 内 容 效 果 图 
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详细 制作 步骤 如 下 : 

01 打开 日 志 分 类 内 容 页 面 log_ class.asp， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 外 按 
钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 ， 输 入 如 表 10-24 
所 示 的 数据 ， 如 图 10-101 所 示 。 
























































表 10-24 “记录 集 ”Rs 的 表格 设 定 














属性 设置 什 | 
名 称 Rs | 
连接 connblog | 
表格 blog log 


排序 

























! 根据 前 面 所 传递 的 ! 
1 log_class_ ID 参数 = 
! 进行 筛选 ! 


图 10-101 绑 定 “记录 集 ”Rs 
02 单 击 “确定 ”按钮 ， 完 成 对 记录 集 Rs 的 绑 定 ， 再 把 绑 定 的 Rs 插入 到 网 页 的 相应 位 置 ， 





如 图 10-102 所 示 。 











{Rs. log titlej 





图 10-102 插入 字段 到 网 页 中 


03 在 日 志 分 类 内 容 页 面 中 要 显示 所 有 日 志 分 类 
页 面 的 部 分 记录 或 全 部 记录 , 而 目前 的 设 定 只 会 显示 一 局 让 六 症 写作 避 
条 记录 ， 因 此 需要 加 入 “服务 器 行为 ”中 “重复 区 域 ” 
的 设置 ， 选 择 要 重复 显示 的 表格 ， 如 图 10-103 所 示 。 

04 选择 要 重复 显示 的 表格 后 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 
在 弹出 的 菜单 中 选择 “重复 区 域 ” 选 项 ， 在 打开 的 “重复 区 域 ”对 话 框 中 设置 显示 的 记录 数 为 5， 
如 图 10-104 所 示 。 

05 单 击 “ 确 定 ”按钮 回 到 编辑 页 面 , 会 发 现 先前 所 选取 要 重复 的 区 域 左 上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表示 已 经 完成 设置 。 























图 10-103 选择 要 重复 的 表格 
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! 选择 要 显示 记录 !_ 
! 数 为 5 条 记录 。 | 











图 10-104 选择 一 次 可 以 显示 的 记录 为 

06 当日 志 分 类 内 容 信息 较 多 时 ， 需 要 加 入 记录 集 分 页 功能 ， 将 光标 移 至 要 加 入 “记录 集 导 
航 条 ”的 位 置 ， 在 “服务 器 行为 ”面板 中 单 击 留 按钮 ， 在 弹出 的 下 拉 列 表 中 选择 “记录 集 分 页 " 
命令 ， 分 别 在 网 页 中 添加 “第 一 页 ”“ 前 一 页 ”“ 下 一 页 ”" “最 后 一 页 ”等 功能 ， 如 图 10-105 所 示 。 











图 10-105 插入 “记录 集 导 航 条 ” 


07 选取 编辑 页 面 中 的 Rs.log_title 字段 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 
的 外 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 单 
击 “ 浏 览 ” 按 钮 ， 打 开 “ 选 择 文件 ”对 话 框 ， 选 择 此 站 点 中 的 log_content.asp， 并 将 “传递 URL 
参数 ”设置 为 ltg ID， 如 图 10-106 所 示 。 





根据 字段 log ID 的 值 | Ge Tiolde Tm Coe tish | 


r 
l 要 一 谋反 作息 页 /10f_content. asp F 
! 转 到 log_content.asp 的 了 “| runem Jr 的 和 
! 详细 页 面 本 后 














图 10-106 “ 转 到 详细 页 面 ”对 话 框 
08 一 个 日 志 如 果 有 回复 分 类 内 容 的 时 候 ， 希 望 显示 所 有 的 分 类 内 容 信息 ， 当 没有 分 类 信息 
时 就 显示 提示 语 “ 目 前 没 信息 ”， 这 就 要 加 入 “显示 区 域 ”功能 ， 选 择 有 记录 时 要 显示 的 那 一 个 表 
格 ， 如 图 10-107 所 示 。 

















图 10-107 选择 有 记录 时 要 显示 的 表格 
09 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 “ 显 














四 


域 ”|“ 如 果 记 录 集 不 为 空 则 显示 区 域 ”选项 ， 打 开 “ 如 果 记 录 集 不 为 空 则 显示 区 域 ”对 话 框 ， 
“记录 集 ” 下 拉 列 表 框 中 选择 Rs， 再 单 击 “ 确 定 ”按钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显 
的 区 域 左上 角 出 现 了 一 个 “如 果 符 合 此 条 件 则 显示 …” 的 灰色 标签 ， 表 示 已 经 完成 设置 ， 效 果 如 
10-108 所 示 。 


























出 可 任 
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10-108 ”记录 集 不 为 空 则 显示 设置 及 效果 
10 选取 记录 集 没 有 数据 时 要 显示 的 文字 “目前 没 信息 ”， 然后 再 单 击 “ 应 用 程序 ”面板 组 中 
“服务 器 行为 ”面板 上 的 办 按钮 ， 在 弹出 的 菜单 中 选择 “显示 区 域 / 如 果 记 录 集 为 空 则 显示 区 域 ” 
选项 ， 在 “记录 集 ” 中 选择 Rs， 再 单 击 “确定 ”按钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 
区 域 左 上 角 出 现 了 一 个 “如 果 符合 此 条 件 则 显示 ...” 的 灰色 标签 ， 表 示 已 经 完成 设置 ， 效 果 如 图 
10-109 所 示 。 























日 

















重复 
如 果 符 合 此 条 件 则 显示 








图 10-109 记录 集 为 空 则 显示 的 效果 
11 到 这 一 步骤 日 志 分 类 内 容 页 面 的 设计 就 完成 了 。 


10.4 ”后台 管理 页 面 设 计 


在 首页 index.asp 页 面 用 户 登 录 栏 中 ， 当 用 户 登 录 成 功 则 转向 check.asp， 失 败 则 转 到 err.asp 
页 面 。 在 check.asp 页 面 通 过 一 个 条 件 判断 语句 进行 判断 ,如 果 在 首页 登录 中 登录 用 户 是 一 般 用 
户 则 转向 user_admin.asp (一般 用 户 管理 页 面 ) ， 如 果 登 录用 户 名 是 admin 则 转向 admin.asp( 管 

理 员 管理 页 面 ) 。 一般 用 户 只 能 对 自己 的 日 志 分 类 和 日 志 列 表 进行 管理 , 而 管理 员 除了 对 自己 
的 日 志 进 行 管理 外 ， 还 可 以 对 用 户 信 息 、 用 户 日 志和 博客 分 类 信息 进行 管理 


10.4.1 后 台 管 理 转 向 页 面 


check.asp 页 面 通 过 if 条 件 判 断 语句 判断 转 过 来 的 用 户 名 字段 user_username 是 不 是 admin， 
如 果 是 就 转向 admin.asp， 如 果 不 是 就 转向 user_admin.asp， 分 析 如 下 : 












admin.asp 
网 站 管理 用 户 








详细 制作 的 步骤 如 下 : 


01 打开 博客 首页 index.asp， 在 “用 户 登 录 ” 栏 目 中 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 
行为 ”面板 上 的 办 按钮， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”|“ 登 录用 户 ” 选 项 ， 向 该 网 页 汪 、 






































。 277。 
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0 登录 用 户 的 服务 器 行为 ， 设 置 如 果 登 录 成 功 就 转 到 check.asp 页 面 ， 如 果 登 录 失 败 就 转 到 err.asp 
页 面 ， 如 图 10-110 所 示 。 


























0 
! 1. 选择 需要 连接 的 数 ， 
! 据 表 和 验证 的 字 自 

















1 2. 根据 用 户 的 用 户 名 本 也 
上 和 密码 共同 决定 其 访 ! 
! 问 网 页 的 权限 





如 村 登录 失败 ， 美 到 - e: 





基于 以 下 项 陨 制 沪 问 : 避风 广 名 和 要 码 
了 用 广 各 、 轨 码 和 访问 执 别 
可 到 估 到 站 -azer 如 





图 10-110 “登录 用 户 ” 对 话 框 
02 设置 完成 后 ， 单 击 “ 确 定 ” 按 钮 ， 关 闭 该 对 话 框 ， 返 回 到 “文档 ”窗口 。 在 “服务 器 行 
为 ”面板 中 就 增加 了 一 个 “登录 用 户 ” 行 为 。 可 以 看 到 表单 对 象 对 应 的 “属性 ”面板 的 动作 属性 值 
为 <%=MM_LoginAction%>, 如 图 10-111 所 示 。 它 的 作用 就 是 实现 用 户 登 录 功 能 , 这 是 Dreamweaver 
CC 自动 生成 的 动作 对 象 。 














图 10-111 表单 对 应 的 “属性 ”面板 
03 当 用 户 成 功 登 录 后 转 到 check.asp。check.asp 页 面 比较 简单 ， 就 是 在 页 面 中 加 入 一 段 让 条 
件 判断 语句 和 绑 定 一 个 MM_username 的 阶段 变量 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 
外 按钮 ， 在 弹出 的 菜单 中 选择 “阶段 变量 ”选项 ， 在 打开 的 “阶段 变量 ”对 话 框 中 设置 名 称 为 
MM_username， 如 图 10-112 所 示 。 














一 一 一 一 一 一 一 一 一 一 一 一 1 名 称 : ]DLusername| 








图 10-112 “阶段 变量 ”对 话 框 


04 单 击 “ 确 定 ” 按 钮 ， 完 成 阶段 变量 MM_username 的 绑 定 ， 再 单 击 “ 代 码 ” 按 钮 
码 ”编辑 页 面 中 ， 并 加 入 一 段 让 条 件 判断 语句 ， 代 码 如 下 : 





9 


到 “ 代 











*278。 





博 
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< 各 

if session("MM Username")="admin" then 
// 判断 传递 过 来 的 变量 用 户 名 是 否 为 admin 
response.Redirect ("admin.asp") 

// 如 果 是 admin 就 转向 admin.asp 

else 

response.Redirect ("user admin.asp") 

// 否则 转向 user_admin.asp 

end if 

%> 


05 如 果 用 户 在 index.asp 首页 中 登录 失败 就 转向 失败 页 面 err.asp 
败 再 重新 登录 的 一 个 页 面 )， 如 图 10-113 所 示 。 











(err.asp 是 提示 用 户 登录 失 

















|©-@ hapyn27001808o/errasp Bo-acoxlo 
ET | 





Ce 





文件 月 ” 坊 久 由 查看 V) 收 大奖 A) 工具 (T) 毅 助 (H) 





登录 失败 ， 您 没有 注册 或 博 写 错误 ， 请 重新 登录 ! ! 





图 10-113 ”登录 失败 页 面 效果 图 
06 在 登录 失败 页 面 err.asp 中 有 两 个 链接 ， 一 个 是 没有 注册 时 单 才 








注册 页 面 register.asp 用户 注册 系统 在 第 5 章 中 已 详细 介绍 ， 本 章 将 不 
时 单 击 “登录 ”链接 文本 回 到 首页 中 重新 登录 。 


10.4.2 一 般 用 户 管理 页 面 


“注册 ”链接 文本 链接 到 
再 说 明 )， 一 个 是 填写 错误 


一 般 用 户 管理 页 面 user_admin.asp 是 用 户 登录 成 功 后 再 进行 判断 转向 的 页 面 ， 该 页 面 可 以 


对 自己 的 注册 资料 进行 修改 ,同时 还 可 以 对 自己 的 日 志 分 类 和 日 志 列 
静态 页 面 设计 效果 如 图 10-114 所 示 。 





xxxxx 您 好 用 户 信息 资料 























图 10-114 一 般 用 户 后 台 管 理 页 面 效 果 图 
详细 制作 步 又 如 下 : 


表 进 行 修改 、 删 除 和 添加 。 





01 在 user admin.asp 页 面 设 计 中 表单 forml 中 的 文本 域 和 文本 区 域 设置 如 表 10-25 所 示 。 
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表 10-25 表单 form1 中 的 文本 域 和 文本 区 域 设 置 

































































意义 文本 (区 ) 域 /按钮 名 称 类 型 

户 名 user_username 单行 

户 密码 user_password 单行 
博客 名 称 user_blog name 单行 

户 E-mail user_email 单行 
所 属 分 类 typename 列表 /菜单 
修改 Submit 提交 按钮 
取消 Submit2 重 设 按 钮 





























02 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 办 按钮， 在 弹出 的 菜单 中 选择 “阶段 变量 ” 
选项 ， 在 打开 的 “阶段 变量 ”对 话 框 中 设置 名 称 为 MM_username， 如 图 10-115 所 示 。 














阶段 变量 






名 称 : J0Lusernane| 
2 


| 设置 阶 段 变量 名 称 | -i 


= 


图 10-115 “阶段 变量 ”对 话 框 


03 单 击 “ 确 定 ” 按 钮 完成 阶段 变量 MM_username 的 绑 定 , 将 绑 定 的 阶段 变量 插入 到 网 页 中 
如 图 10-116 所 示 。 




















1 上 绑 定 阶段 变 1 - 
1 量 到 网 页 中 ! 


ession. IM usernane}} 
您 妹 : 





图 10-116 插入 “阶段 变量 ”MM _username 


04 再 次 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 i 按钮 ， 在 弹出 的 菜单 中 选择 “记录 
集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-26 所 示 的 数据 ， 如 图 10-117 所 示 。 
































表 10-26 “记录 集 ”rs_user 的 表格 设 定 























属性 设置 值 

名 称 TS_USer 

连接 connblog 

表格 Users 

列 全 部 

筛选 user_username 、=、 阶 段 变量 、MM_username 
排序 无 
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! 根据 前 面 所 传 
， 递 的 阶段 变量 
1 MM_usemame 
1 
1 


参数 进行 筛选 














图 10-117 绑 定 “记录 集 ”rs_user 


05 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 rs_user 的 绑 定 ， 把 绑 定 的 
rs_user 中 的 字段 插入 网 页 的 合适 位 置 ， 如 图 10-118 所 示 。 


06 在 “所 属 分 类 ”一 栏 中 需要 动态 绑 定 所 有 的 博 
“应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 让 按钮 ， 在 弹 





择 “ 记 录 集 (查询 )” 选 项 ， 在 打开 的 “记录 和 集 ” 对 话 框 中 输入 如 表 


10-27 所 示 的 数据 ， 如 图 10-119 所 示 。 


表 10-27 “记录 集 ”Re 


客 分 类 ， 单 击 
出 的 菜单 中 选 





图 10-118 插入 字段 


的 表格 设 定 


EE 
TE rr 


























图 10-119 绑 定 “记录 集 ”Re 
07 单 击 选择 type_name 列表 /菜单 ， 在 “属性 ”面板 中 单 击 区 一 问 一 | 按钮 打开“ 动态 列 


表 / 菜 单 ” 对 话 框 ， 在 打开 的 “动态 列表 /菜单 ”对 话 框 
和 “标签 ”都 为 typename， 









































设置 “来 自 记录 集 的 选项 ”为 Re,“ 值 ” 





单 击 “选取 值 等 于 ”右边 的 加 图 标 ， 打 开 “ 动 态 数据 ”对 话 框 ， 在 打 
的 “动态 数据 ”对 话 框 中 选择 “ 域 ”为 rs_user 记录 集中 的 typename 字段 ， 然 后 单 击 “ 确 定 ” 按 
































钮 返回 “动态 列表 /菜单 ”对 话 框 ， 再 次 单 击 “ 确 定 ” 按 钮 完成 动态 数据 的 绑 定 ， 如 图 10-120 所 示 。 
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rbser, Fiele. rom( Ty 到 





Hi OF Case Ficlds Tten Ctypeny 














图 10-120 动态 数据 的 绑 定 


08 完成 记录 集 的 绑 定 后 ， 单 击 “ 服 务 器 行为 ”面板 上 | pg | 
的 二 按 钮 ， 从 弹出 的 菜单 中 选择 “更 新 记录 ”选项 ， 为 网 页 Emal 
添加 “更 新 记录 ”的 服务 器 行为 ， 如 图 10-121 所 示 。 2 

09 打开 “更 新 记录 ”对 话 框 ， 在 打开 的 “更 新 记录 ” 二 
对 话 框 中 输入 如 表 10-28 所 示 的 数据 ， 如 图 10-122 所 示 。 PE 








图 10-121 选择 “更 新 记录 ”选项 


表 10-28 “更 新 记录 ”的 表格 设 定 


属性 设置 值 

连接 connblog 

要 更 新 的 表格 users 

选取 记录 自 rs_user 

唯一 键 列 user ID 

在 更 新 后 ， 转 到 user_admin.asp 

获取 值 自 forml 

表单 元 素 对 比 表单 字段 与 数据 表 字段 





























! 1. 将 表单 里 输入 的 

! 数据 更 新 到 users 数 OO 

1 据 表 中 ， 更 新 后 转向 i ， 

1 user admin.asp a 2. 表单 中 的 文本 ! 

ee 域名 称 和 要 更 新 ! 
到 的 数据 表 中 的 ， 
字段 相对 应 ) 














图 10-122 “更 新 记录 ”对 话 框 
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10 单 击 “确定 ”按钮 ， 完 成 更 新 记录 的 设置 。 用 户 可 以 单 击 “ 个 人 主页 ”进入 个 人 博客 主 
页 面 userasp， 首 先 选 取 编 辑 页 面 中 的 “个 人 主页 ”文字 ， 再 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 
行为 ”面板 上 的 f 寺 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 ” 
对 话 框 中 单 击 “浏览 ”按钮 ， 打开“ 选择 文件 ”对 话 框 , 选择 此 站 点 中 的 userasp， 并 将 “传递 URL 
参数 ”设置 为 user_username， 如 图 10-123 所 示 。 





















































惫 接 : | "个 人 主页 
详细 信息 页 - user. asp 
人 传递 URL 低 数 - user_usernane 


根据 字段 user_username 的 本 
值 转 到 userasp 的 详细 页 面 











图 10-123 “ 转 到 详细 页 面 ”对 话 杠 





11 单 击 编辑 页 面 中 的 文字 “博客 主页 ” 在 “属性 ”面板 上 单 击 “ 链 接 ”文本 框 后 面 的 轧 按 
钮 , 打开 “选择 文件 ”对 话 框 , 在 打开 的 “选择 文件 ”对 话 框 中 选择 同一 站 点 中 的 首页 文件 index.asp。 

12 由 于 user admin.asp 的 页 面 主要 是 提供 用 户 链接 到 编辑 页 面 , 对 自己 的 博客 日 志和 日 志 
类 进行 添加 、 修 改 和 删除 的 功能 ， 因 此 要 设 定 转 到 详细 页 面 功 能 , 这 样 转 到 的 页 面 才能 够 根据 参数 
值 而 从 数据 库 中 将 某 一 笔 数据 筛选 出 来 进行 编辑 。 单 击 页 面 中 的 “日 志 分 类 管理 ”文字 ， 然 后 单 
击 “ 服 务 器 行为 ”面板 上 的 Ei 按 钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 
到 详细 页 面 ” 对 话 框 中 单 击 “ 浏 览 ” 按钮 ， 打开 “选择 文件 ”对 话 框 ,在 此 选择 admin_log_type.asp， 
并 将 “传递 URL 参数 ”设置 为 记录 集 rs_user 中 的 user_username 字段 ， 如 图 10-124 所 示 。 











| 性 接 [日志 分 类 管理 ” "| | 
1 根据 字段 User_username |- -|™ ~ Wl 信和 adnin_ log_type. asp 取消 

1 的 值 转 到 传递 URL 参数 user_usernane 设置 为 以 下 项 的 值 Cm ] 
r admin_log_type.asp 的 详 1 ss | = 

上 细 页 面 1 代 半 珊 有 参数 四 URL 参数 

I ! 占 表单 乡 数 








图 10-124 选择 要 转向 的 文件 


13 单 击 “ 确 定 ”按钮 返回 编辑 页 面 ， 选 取 编辑 页 面 中 “日 志 列表 管理 ”文字 ， 然 后 单 击 “ 服 
务 器 行为 ”面板 上 的 8 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 
页 面 ”对 话 框 中 单 击 “ 浏 览 ”按钮 ， 打 开 “ 选 择 文件 ”对 话 框 ， 选 择 admin_log_class.asp 选项 ， 并 
将 “传递 URL 参数 ”设置 为 记录 集 rs_user 中 的 user_ID 字段 , 其 他 设 定 值 皆 保 持 不 变 , 如 图 10-125 
所 示 。 
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竹 接 [日 志 列 表 罕 ” ] [| 
ee 详细 信息 页 : adnin_log_class. asp [EE 5- 
! 根据 字段 user_ID 的 值 Pe 霆 URLs 数 aser 而 设置 为 以 下 项 的 什 [名 ] 
1 转 到 admin_log_class.asp | 让 = 
! 的 详细 页 面 | es 有 
gy URL 湖 到 
口才 数 








图 10-125 “ 转 到 详细 页 面 ” 对 话 框 
14 选取 编辑 页 面 中 “注销 用 户 ”文字 给 用 户 添 加 一 个 注销 功能 ， 单 击 “ 应 用 程序 ”面板 组 
中 “服务 器 行为 ” 面板 上 的 续 沈 钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”| “注销 用 户 ” 选 项 ， 
在 打开 的 “注销 用 户 ” 对 话 框 中 设置 “在 完成 后 ， 转 到 ”为 index.asp 页 面 ， 如 图 10-126 所 示 。 





在 以 下 情况 下 注 多 :加 单 而 钨 接 -|“ 广 稍 用 户 ” 





一 页面 数 入 
在 完成 后 ， 转 到 : index. asp 














图 10-126 设置 “注销 用 户 ” 对 话 框 
15 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 因 为 一 般 用 户 管理 页 面 user_admin.asp 是 通过 用 户 账号 
和 密码 进入 的 ， 所 以 不 允许 其 他 用 户 进 入 ， 这 就 必须 设置 用 户 的 权限 ， 单 击 “ 应 用 程序 ”面板 组 中 
“服务 器 行为 ”面板 上 的 按钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”|“ 限 制 对 页 的 访问 ” 选 
项 ， 在 打开 的 “限制 对 页 的 访问 ”对 话 框 中 设置 “如 果 访 问 被 拒绝 ， 则 转 到 ”为 index.asp 页 面 ， 
如 图 10-127 所 示 。 








基于 以 下 内 容 进行 根 制 。 回 。 用 户 名 和 密码 


了 用户 各、 因 码 和 和 沪 问 弛 到 - 设置 这 个 页 面 拒 ， 
少时 RX 绝 直接 访问 , 并 自 ! 

1 

1 

1 











动 转 向 index.asp 


如 时 访问 被 拒绝 ， 则 转 到 -index. asp 了 两 页 面 





图 10-127 设置 “限制 对 页 的 访问 ”对 话 框 
16 单 击 “ 确 定 ”按钮 就 完成 了 一 般 用 户 管理 页 面 user admin.asp 的 制作 ,整体 页 面 设计 效果 


如 图 10-128 所 示 。 
17 管理 员 管 理 页面 admin.asp 与 一 般 用 户 管理 页 面 user_admin.asp 的 制作 类 似 ， 只 是 增加 了 
两 个 页 面 的 链接 ， 页 面 链接 如 表 10-29 所 示 ， 效 果 如 图 10-129 所 示 。 
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表 10-29 “页 面 链接 ”的 表格 设 定 


链接 的 页 面 





天 



















博客 列表 管理 admin blog.asp 
adnin 您 好 用 户 信息 资料 
主页 用 忆 名 : [atmin 
tiaotao 您 好 用 户 信息 资料 用 户 密码 :adnin 
用 户 各 :|tiaotao 博客 名 称 : | 帆 云 空间 
用 户 密码 : |123456 用 月 * fxnceo@126. con 


博客 名 称 : | 网 络 天 空 
hy2008s@163. com 






所 属 分 类 : | ASP 技 术 w 


[J 区] 











图 10-128 整体 页 面 设计 效果 图 图 10-129 管理 员 管理 页 面 效果 图 
10.4.3 ”日志 分 类 管理 页 面 


日 志 分 类 管理 页 面 admin_ log type.asp 主 要 提供 用 户 添加 日 志 分 类 和 链接 到 修改 、 删 除 日 
志 分 类 的 功能 ， 静 态 页 面 设 计 效 果 如 图 10-130 所 示 。 


日 志 分 类 添加 
日 志 分 类 名 称 ; 添加 

















无 日 志 分 类 | 





图 10-130 静态 页 面 设计 效果 图 
详细 制作 步 又 如 下 : 


01 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-30 所 示 的 数据 ， 如 图 10-131 所 示 。 




















表 10-30 “记录 集 ”Rs 的 表格 设 定 














属性 设置 值 

名 称 Rs 

连接 connblog 

表格 log type 

列 全 部 

筛选 user_username 、=、 阶 段 变量 、MM _usermame 
排序 无 
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bi] 


连接 [eolae [定义] 














Eee 
Sh 
根据 前 面 所 传递 的 阶 ! 
段 变量 MM _username ! 
参数 进行 筛选 1 











图 10-131 绑 定 “记录 集 ”Rs 


02 单 击 “ 和 确定” 按钮 ， 完 成 记录 集 Rs 的 绑 定 ， 
把 绑 定 的 记录 集 Rs 中 的 字段 log_class_name 插入 到 网 
页 中 的 适当 位 置 ， 如 图 10-132 所 示 。 加 
03 在 博客 分 类 内 容 页 面 中 要 显示 所 有 博客 分 类 图 10-132 插入 字段 
页 面 的 部 分 记录 或 全 部 记录 ， 而 目前 的 设 定 则 只 会 显示 一 条 记录 ， 因 此 需要 加 入 “服务 器 行为 ”中 
“重复 区 域 ” 的 设置 ， 选 择 admin_log type.asp 页 面 中 的 表格 ， 如 图 10-133 所 示 。 














! 选择 要 重复 显示 的 记录 集 表 格 | 


村 二 吉 后 二 二 二 品 琶 | 









图 10-133 ”选择 要 重复 显示 的 记录 集 表格 
04 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 钮 ， 在 弹出 的 菜单 中 选择 “ 重 
区 域 ”选项 ， 在 打开 的 “重复 区 域 ” 对 话 框 中 ， 设 定 一 页 显示 的 记录 数 为 “所 有 记录 ” 设置 如 
10-134 所 示 。 








下 入 














! 设 定 显示 记录 集 
1 Rs 的 所 有 记录 








图 10-134 ”选择 记录 集 的 显示 数量 


06 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ,会 发 现 先前 所 选取 要 重复 的 区 域 左 上 角 出 现 了 一 个 “ 重 
复 ”的 灰色 标签 ， 表 示 已 经 完成 设置 。 

06 加 入 显示 区 域 的 设 定 。 如 果 数 据 库 中 有 数据 就 希望 显示 数据 。 如 果 没有 数据 就 显示 “无 
博客 分 类 ”的 信息 提示 语 ， 首 先 选取 记录 集 有 数据 时 要 显示 的 数据 表格 ， 如 图 10-135 所 示 。 























10-135 ”选择 有 记录 时 要 显示 的 表格 
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07 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 起 和 按钮， 在 弹出 的 菜单 中 选择 “ 显 
区 域 ” |“ 如 果 记 录 集 不 为 空 则 显示 区 域 ” 选 项 ， 打 开 “ 如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 ， 
“记录 集 ” 下 拉 列 表 框 中 选择 Rs， 再 单 击 “确定 ”按钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显 
的 区 域 左 上 角 出 现 了 一 个 “如 果 符 合 此 条 件 则 显示 ”的 灰色 标签 , 表示 已 经 完成 设置 , 如 图 10-136 
示 。 

































































梁 测 也 习 


| 








加 果 符 合 此 条 件 则 显示 














如 时 记录 集 不 为 字 则 旦 示 E 域  E 下 
记录 条 [Bs [mm 
[Cb |] 











图 10-136 ”记录 和 集 不 为 空 则 显示 区 域 

08 选取 记录 集 没有 数据 时 要 显示 的 数据 表格 ， 如 
10-137 所 示 。 

09 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ” 面 ”图 10-137 选择 没有 数据 时 要 显示 的 区 域 
按钮， 在 弹出 的 菜单 中 选择 “显示 区 域 | 如 果 记 录 集 为 空 则 显示 区 域 ”选项 ， 打 开 “ 如 
果 记 录 集 为 空 则 显示 区 域 ”对 话 框 ， 在 “记录 集 ” 中 选择 Rs， 再 单 击 “确定 ”按钮 回 到 编辑 页 面 ， 
会 发 现 先前 所 选取 要 显示 的 区 域 左上 角 出 现 了 一 个 “如 果 符合 此 条 件 则 显示 ”的 灰色 标签 , 表示 已 
经 完成 设置 ， 如 图 10-138 所 示 。 


无 日 志 分 类 















































[ED 3 | 




















图 10-138 ”记录 集 为 空 则 显示 

10 下 面 将 制作 添加 博客 分 类 ， 首 先 将 绑 定 

板 中 的 Session 变量 MM_username 绑 定 到 表单 

中 的 user_username 隐藏 域 中 ， 如 图 10-139 所 示 。 

和 1 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行 图 10-139” 绑 定 字 段 到 隐藏 域 中 

为 ”面板 中 的 洁 按 钮 ， 在 弹出 的 菜单 中 选择 “插入 记录 ”选项 ， 在 “插入 记录 ”对 话 框 中 ， 输 入 

如 表 10-31 所 示 的 设 定 值 ， 并 设 定 新 增 数据 后 转 到 个 人 博客 管理 主页 面 admin_log type.asp， 如 图 
10-140 所 示 。 





















































表 10-31 “插入 记录 ”的 表格 设 定 














属性 设置 值 

连接 connblog 

插入 到 表格 log type 

插入 后 ， 转 到 admin log type.asp 

获取 值 自 forml 

表单 元 素 表单 字段 与 数据 表 字段 相对 应 
列 log_class name 

提交 为 文本 
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1 1， 将 表单 里 输入 的 数据 

插入 到 log type 数据 表 rr | |， ， 
| 

1 

1 














中 ， 插 入 后 转 到 admin_ 2. 表单 中 的 文本 域名 
log_type.asp 页 面 称 要 和 插入 到 数据 表 
5 中 的 字段 相对 应 




















图 10-140 设 定 “ 插 入 记录 ”对 话 框 参数 
12 单 击 “ 确 定 ” 按 钮 完成 记录 的 插入 ， 选 择 表 单 ， 执 行 菜单 “窗口 ”|“ 行 为 ”命令 ,打开 
“行为 ”面板 ， 单 击 “ 行 为 ”面板 中 的 斋 和 按钮 ， 在 弹出 的 菜单 中 选择 “检查 表单 ”选项 ， 打 开 “ 检 
查 表单 ”对 话 框 ， 设 置 log_class_name 文本 域 的 “ 值 ”都 为 “必需 的 ” “可 接受 ”为 “任何 东西 ” 
如 图 10-141 所 示 。 

















域 


值 ， 园 必 基 的 


可 接受 加 任何 东西 
) 电子 邮件 地 址 





图 10-141 “检查 表单 ”对 话 框 


13 页 面 编辑 中 的 文字 “修改 ”和 “删除 ”的 连接 必须 要 传递 参数 给 转 到 的 页 面 ， 这 样 前 往 
的 页 面 才能 够 根据 参数 值 从 数据 库 中 将 某 一 数据 筛选 出 来 进行 编辑 。 选取 编辑 页 面 中 的 “修改 ” 文 
字 ， 单 击 “ 服 务 器 行为 ”面板 上 的 铅 按 钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 
的 “ 转 到 详细 页 面 ” 对 话 框 中 , 单 击 “ 浏 览 ” 按 钮 ,打开 “选择 文件 ”对 话 框 ,选择 admin_log_typeupd.asp 
选项 ， 并 将 “传递 URL 参数 ”设置 为 记录 集 Rs 中 的 log_class_ID 字段 ， 其 他 设置 保持 默认 值 ， 如 
图 10-142 所 示 。 


i -= 
! 根据 字段 log_class_ID 也 还 Ce 本 
1 的 值 转 到 

1 

1 

1 


. 估 洁 URL 参数 lo8_class_ID 设置 为 以 下 项 的 全 
admin log typeupd.asp 1 和 

1 

1 


到 [log clss 了 | 





的 详细 页 面 


传递 观 有 参数 .] URL 参数 


目 表单 参 数 








图 10-142 “ 转 到 详细 页 面 ” 对 话 框 


14 选取 “删除 ”文字 并 重复 上 面 的 操作 ， 将 要 转 到 的 页 面 改 为 admin_log_ typedel.asp， 如 图 
10-143 所 示 。 
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根据 字段 log_class_ID 





1 

1 
的 值 转 到 1-- 
admin log typedel.asp |! 
的 详细 页 面 ! 








图 10-143 “ 转 到 详细 页 面 ” 对 话 框 
15 单 击 “ 确 定 ” 按 钮 ， 完 成 日 志 分 类 管理 页 面 admin_log_type.asp 的 制作 ， 如 图 10-144 所 示 。 




















合 此 条 件 则 显示 
日 志 分 关 | 





图 10-144 日志 分 类 管理 页 面 效果 图 
10.4.4 修改 日 志 分 类 页 面 








tiaotao 您 好 ! 
修改 日 志 分 类 页 面 admin_ log typeupd.asp 的 主要 功能 是 请 修改 你 选择 的 日 志 分 类 
将 数据 表 中 的 数据 送 到 页 面 的 表单 中 进行 修改 ， 修 改 数据 后 人 ] 酌 
再 更 新 到 数据 表 中 ， 页 面 设计 如 图 10-145 所 示 。 cs 
详细 操作 步 台 如 下 ; 图 10-145 ”修改 日 志 分 类 页 面 设计 








01 打开 admin log typeupd.asp 页 面 ， 并 单 击 “ 绑 定 ” 面 板 上 的 hs 按钮， 在 弹出 的 菜单 中 选 
择 “ 记 录 集 (查询 )” 选 项 ， 打 开 “ 记 录 集 ”对 话 框 ， 单 击 “ 高 级 ”按钮 ， 进 入 高 级 模式 窗口 ， 在 
打开 的 “记录 集 ” 对 话 框 中 ， 输 入 如 表 10-32 所 示 的 数据 ， 再 单 击 “ 确 定 ” 按 钮 完成 设置 ， 如 图 
10-146 所 示 。 

02 完成 记录 集 Rs 的 绑 定 后 ,将 记录 集 的 字段 插入 admin_log_typeupd.asp 网 页 中 的 适当 位 置 ， 
如 图 10-147 所 示 。 





























表 10-32 “记录 集 ”Rs 的 表格 设 定 


























属性 设置 值 

名 称 Rs 

连接 connblog 

SQL SELECT* 
FROM log type 
WHERE log _class_ ID = MMColParam and user_username=muser 

参数 名 称 : MMColParam 默认 值 : 0 值 : Request.QueryString("log_class_ID") 
名 称 : muser 默认 值 : 0 值 : aession("MM username") 
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i 
Mi a 
图 10-146 “记录 集 ” 对 话 框 








属性 

连接 

要 更 新 的 表格 
选取 记录 自 


后 ， 转 到 





1 将 表单 里 输入 的 数据 更 新 ! 
1 到 log_type 数据 表 中 , 更 新 ! 
! 后 转 到 admin log type.asp . 
1 页 面 1 


表 10-33 








设置 ， 在 admin_log typeupd.asp 的 页 面 上 ， 单 才 
按钮。 在 弹出 的 菜单 中 选择 “更 新 记录 ”选项 ， 在 打开 的 “更 新 记录 ”对 话 框 中 ， 输 
入 如 表 10-33 所 示 的 设 定 值 ， 如 图 10-148 所 示 。 


connblog 


图 10-147 插 





“更 新 记录 ”的 表格 设 定 


入 字段 
03 完成 表单 的 布置 后 ， 在 admin log typeupd.asp 这 个 页 面 加 入 “服务 器 行为 ”中 的 “更 新 








二 “应 用 程序 ”面板 组 中 “服务 器 行为 ” 





log_ class ID 
admin log type.asp 


比 对 表单 字段 与 数据 表 字 段 必须 一 至 


值 











i 
这 二 [eatoe 引 [ER 本 
oe ty | EE] 
~ mes Ee 和 Cm ] 


联 一 刍 列 [log class_2D 





在 喝 新 后 , 转 到 : dain_log_tyFe. asp 


本 匡 和 全 























图 10-148 














“更 新 记录 ”对 话 框 


04 单 击 “ 确 定 ” 按 钮 ， 回 到 编辑 页 面 完 成 修改 日 志 分 类 页 面 的 设计 。 





10.4.5 删除 日 志 分 类 页 面 








删除 日 志 分 类 的 页 面 admin_log typedelLasp 和 修改 日 志 分 类 页 面 的 设计 类 似 ， 如 图 10-149 
所 示 。 其 功能 是 将 表单 中 的 数据 从 站 点 的 数据 表 中 进行 删除 。 
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tiaotao 您 好 ! 


你 一 定 要 删除 这 些 分 类 ? 





图 10-149 ”删除 页 面 的 设计 


详细 制作 步骤 如 下 : 

01 打开 admin log typedeLasp 页 面 ， 并 单 击 “ 绑 定 ” 面 板 上 的 国 按 钮 ， 在 弹出 的 菜单 中 先 
择 “ 记 录 集 (查询 )” 选 项 ， 打 开 “ 记 录 集 ”对 话 框 ， 单 击 “ 高 级 ”按钮 ， 进 入 高 级 模式 窗口 ， 在 
打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-34 所 示 的 设 定 值 ， 再 单 击 “确定 ”按钮 后 就 完成 设 定 了 ， 








如 图 10-150 所 示 。 








属性 
名 称 
连接 
SQL 

















表 10-34 “记录 集 ” 的 表格 设 定 
设置 值 
Rs 
connblog 
SELECT* 
FROM log type 
WHERE log _ class ID =MMColParam and user_username= muser 
名 称 : MMColParam 默认 值 : 0 值 : Request.QueryString("log_class_ID") 
名 称 : muser 默认 值 : 0 值 : session("MM_username") 









































条 了 二 本 
elee 更 5] I 
me 二 
PEE Te A es 7D = ChlFerm mad user_ Username olser CR 
EE 
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图 10-150 “记录 集 ” 对 话 框 


02 单 击 “ 确 定 ” 按 钮 完成 记录 集 Rs 的 绑 定 ， 绑 定 记 录 集 后 ， 将 记录 集 的 字段 插入 至 
admin log typedel.asp 网 页 的 适当 位 置 ， 如 图 10-151 所 示 。 








= 
将 绑 定 的 字段 插入 到 | 
页 面 中 的 适当 位 置 ”|! 














300~ 


图 10-151 字段 的 插入 





Dreamweaver CC+ASP 动态 网 站 建设 与 典型 实例 








03 将 绑 定 面板 中 的 log_ class ID 绑 定 到 表单 中 的 
log class_ ID 隐藏 域 中 ， 如 图 10-152 所 示 。 
04 完成 到 的 布置 后 ， 要 在 
admin log typeupd.asp 页 面 加 入 “服务 器 行为 ”中 的 
“删除 记录 ”的 设置 。 在 admin log typeupd.asp 的 页 
面 上 ， 单 击 “ 应 用 程序 ” 面 


日 



























































板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹 








人 am 


DeeclwssIl 


看 加 [or as Fields ItmCleeclessI 芝 





图 10-152 ” 绑 定 字段 到 





记录 ”选项 ， 在 打开 的 “删除 记录 ”对 话 框 中 ， 输 入 如 表 10-35 所 示 的 设 定 值 ， 如 




















05 单 击 “确定 ”按钮 ， 


表 10-35 





“删除 记录 ” 


到 编辑 页 面 完 成 删除 日 志 分 类 页 面 的 设计 。 


的 表格 设 定 


的 菜单 


隐藏 域 中 


选择 “删除 
图 10-153 所 示 。 














下、 进取 记录 自 : [Rs 
的 


图 10-153 


10.4.6 “日 志 列表 管理 主页 面 


日 志 列 表 管理 主页 面 admin_log_class.asp 的 
主要 功能 是 显示 所 有 博客 ， 并 通过 它 进入 到 修改 
日 志 列 表 页 面 admin log _classupdasp 和 删除 日 志 
列表 页 面 admin_ log _classdel.asp, 还 有 添加 日 志 的 
功能 ， 页 面 设计 效果 如 图 10-154 所 示 。 

详细 的 制作 步骤 如 下 : 

01 单 击 “ 绑 定 ” 面板 上 的 地 和 按钮， 在 弹出 的 
菜单 中 选择 “记录 集 (查询 )” 选 项 , 打开 “记录 集 ” 
对 话 框 ， 再 单 击 “ 高 级 ”按钮 ， 进 入 高 级 模式 窗口 ， 
在 打开 的 “记录 集 ” 设 定 对 话 框 中 输入 如 表 10-36 
所 示 的 数据 ， 单 击 “ 确 定 ” 按 钮 后 完成 设置 ， 如 图 
10-155 所 示 。 






































连 扣 : [sonnblog 
从 要 格 中 加 除 :loe_type 


股 一 健 列 [logclass_ID 
提交 此 表单 俯 扣除 [foral 一 
删除 后 ， 转 到 ;adair_log_type.asp 


可 ] 网 数值 





“删除 记录 ”对 话 杠 





日 志 列表 管理 
标 是 日 十 分 类 管理 
宙 寺 添加 日 直 人 生 风味 秘 改 用 除 
天 于 大 字 生 中 业 后 找 工 作 的 看 法 i 修改 果 际 
动态 网站 开发 技术 动 帮 开发 修改 出 除 
添加 日 志 
:| | 
2 类 : | 网络 济 开 盖 


内 雁 : 


EE 














图 10-154 日 志 列 表 管理 页 面 效 果 图 
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表 10-36 “记录 集 ” 的 表格 设 定 





属性 


设置 值 





名 称 


Rs 





连接 


connblog 





SQL 


SELECT blog log.*,log type.log class_ID,log type.log_class_name 


FROM blog log,log type 

WHERE blog log.user_username= muserAnd 
log type.log_class ID=blog log.log class ID 
ORDER BY blog log.log ID DESC 








名 称 : muser 默认 值 : 1 


值 : Session("MM_username") 








记录 入 


名 属国 
连接 [come "|[ 定 x. 


SQL SET og dog.t, Loe ype Loe uss Th, oe type Lo eless pms 
Tho boc lee lo 


Doe yee fre Te ee ed 
ORDER BY blog log iog 2 





简单 
寺 助 


I sse 


山川 








数据 库 项 -| 加 











02 完成 记录 集 Rs 的 绑 定 
置 ， 如 图 10-156 Ba 








图 10-155 “记录 集 ” 对 话 框 


， 将 log title 字段 和 log_class_name 字段 插入 到 网 页 中 的 适当 位 











03 在 
则 只 会 显 
页 奋 


























Rs. log_ title} 





图 10-156 插入 字段 











志 分 类 内 容 页 面 中 要 显示 所 有 日 志 分 类 页 面 的 部 分 记录 或 全 部 记录 ， 而 
E 示 一 条 记录 , 因此 需要 加 入 “服务 器 行为 ”中 “重复 区 域 ” 的 设置 , 选择 admin_log_class.asp 
中 要 重复 显示 的 表格 ， 如 图 





10-157 所 示 。 











目前 的 设 定 














图 10-157 选择 要 重复 显示 的 表格 
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04 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 如 有 和 按钮， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ”选项 ， 在 打开 的 “重复 区 域 ” 对 话 框 中 ， 设 定 一 页 显示 的 数据 选项 为 “所 有 记录 ” 如 图 
10-158 所 示 。 









































记录 数 为 所 有 记录 








图 10-158 选择 要 重复 显示 记录 集 的 数目 


05 单 击 “ 确 定 ”按钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 丰 上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表 示 已 经 完成 设置 。 

06 如 果 依照 记录 集 的 状况 或 条 件 来 判断 是 否 要 显示 网 页 中 的 某 些 区 域 ， 这 就 是 显示 区 域 的 
设 定 ， 首 先 选择 记录 集 有 数据 时 要 显示 的 数据 表格 ， 如 图 10-159 所 示 。 















日 志 列表 管理 


标 是 日 志 分 类 _- -一 党 理 
加 村 








图 10-159 选择 有 记录 时 要 显示 的 记录 

07 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 多 和 按钮 ， 在 弹出 的 菜单 中 选择 “ 显 
示 区 域 ”|“ 如 果 记 录 集 不 为 空 则 显示 区 域 ”选项 ， 打 开 “ 如 果 记录 集 不 为 空 则 显示 区 域 ”对 话 框 ， 
在 “记录 集 ” 中 选择 Rs， 再 单 击 “ 确 定 ”按钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 区 域 左 
上 角 出 现 了 一 个 “如 果 符 合 此 条 件 则 显示 ”的 灰色 标签 ， 表 示 已 经 完成 设置 ， 如 图 10-160 所 示 。 




















加 时 符合 此 亲 件 则 蚂 示 
日 志 列表 管理 











标 是 管理 
esa 


图 10-160 ”记录 集 不 为 空 则 显示 


08 选取 记录 集 没有 数据 时 要 显示 的 数据 表格 , 如 
图 10-161 所 示 。 

09 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行 
板 上 的 钱 j 按 钮 ， 在 弹出 的 菜单 中 选择 “显示 区 域 ”|“ 如 果 记 录 集 为 空 则 显示 区 域 ”选项 ， 在 “ 记 
录 集 ”中 选择 Rs， 再 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 区 域 左 上 角 出 
现 了 一 个 “如 果 符 合 此 条 件 则 显示 ”的 灰色 标签 ， 表 示 已 经 完成 设置 ， 如 图 10-162 所 示 。 











旧 表 恋 日 站， 请 你 次 加 日 志 | 
为 ” 面 图 10-161 选择 没有 数据 时 要 显示 的 区 域 










































































二 斌 5 到 | 


图 10-162 ”记录 集 为 空 则 显示 区 域 
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10 当 admin log class.asp 页 面 中 日 志 分 类 内 容 信息 较 多 时 ， 就 需要 加 入 记录 集 分 页 功能 ,将 
光标 移 至 要 加 入 “记录 集 分 页 ”的 位 置 ， 然 后 单 击 “ 服 务 器 行为 ”面板 中 的 鲍 按 钮 ， 在 弹出 的 下 
拉 列 表 中 选择 “记录 集 分 页 ”命令 下 的 子 命令 ,插入 相应 的 记录 和 集 分 页 功能 选项 ， 如 图 10-163 所 示 。 


如果 符合 此 条 件 则 显示 
日 志 列 表 管 理 


重复 标 题 
{Rs. log_title} 






























一 由:: 下 一 内 
图 10-163 加 入 “记录 集 分 页 ” 


人 选取 编辑 页 面 中 的 字段 Rs.log title， 然 后 单 击 “ 服 务 器 行为 ”面板 上 的 钨 按钮 ， 在 弹出 
的 菜单 中 选择 “ 转 到 详细 页 面 ” 选项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 单 击 “浏览 ”按钮 ， 打 
开 “ 选 择 文件 ”对 话 框 , 选择 log_class.asp, 并 将 “传递 URL 参数 ”设置 为 记录 集 Rs 中 的 log_class ID 
字段 ， 其 他 设 定 值 皆 保持 不 变 ， 如 图 10-164 所 示 。 














天 1 
oe alts Tre Cloe tl, 7] [| 
l 根据 字段 log class ID 的 1 i 让 ED 取消 
1 值 转 到 log_class.asp 的 详 ' 代 玫 URL 到 If-cla55- 本 设 为 到 的 和 
1 细 页 面 1 is 一 | 
ti- 1 下 eed Dm =] 
传递 现 有 参数 - 四 URL 参数 
雪 间 参数 








图 10-164 “ 转 到 详细 页 面 ”对 话 框 
12 选取 编辑 页 面 中 的 文字 “修改 ” 然后 单 击 “服务 器 行为 ”面板 上 的 多 按钮 ， 在 弹出 的 菜 
单 中 选择 “ 转 到 详细 页 面 ” 选项 ,在 打开 的 “ 转 到 详细 页 面 ”对话 框 中 单 击 “ 浏 览 ” 按钮 , 打开 “ 选 
择 文件 ”对 话 框 ， 选 择 admin_log_classupd.asp 选项 ， 并 将 “传递 URL 参数 ”设置 为 记录 集 Rs 中 
的 log ID 字段 ， 其 他 设 定 值 皆 保 持 不 变 ， 如 图 10-165 所 示 。 








dds hee rd 和 接 到” 
根据 字段 log ID 的 值 转 |- 站- eee STR 1 
到 admin_ log_classupd.asp ee 为 以 下 顶 的 
的 详细 页 面 





图 10-165 “ 转 到 详细 页 面 ”对 话 框 


13 选取 编辑 页 面 中 的 文字 “删除 ” 然后 单 击 “ 服 务 器 行为 ” 面板 上 的 和 和 按钮 ， 在 弹出 的 
菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 单 击 “浏览 ”按钮 ， 打 开 
“选择 文件 ”对 话 框 ， 选 择 adtmin log_ classdelasp， 并 将 “传递 URL 参数 ”设置 为 记录 集 Rs 中 的 
log ID 字段 ， 其 他 设 定 值 皆 保持 不 变 ， 如 图 10-166 所 示 。 
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Ee EE 
ES ， i | CD 
| 详细 信息 页 adair_ 10g classdeL as EE 
| 根据 字段 log_ID 的 值 转 re 合 递 URL 参数 1og_ID 设置 为 以 下 项 的 什 一 
1 到 admin log classdel.asp l is 
1 
1 的 详细 页 面 1 下 ee - 
| 1 传送 现 有 参数 四 URL 参数 


表单 参数 





图 10-166 “ 转 到 详细 页 面 ”对 话 框 
14 下 面 将 制作 添加 日 志 的 功能 , 主要 方法 是 将 页 面 中 的 表单 数据 新 增 到 blog_log 数据 表 中 ， 
单 击 “ 绑 定 ” 面 板 上 钮 ， 接 着 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “ 记 
录 集 ”对 话 框 中 输入 如 表 10-37 所 示 的 设 定 值 ， 单 击 “ 确 定 ”按钮 后 完成 设置 ， 如 图 10-167 所 示 。 
































表 10-37 “记录 集 ” 的 表格 设 定 











I 


进行 筛选 ， 建 立 记录 集 查 询 


和 r 
| 全 | 远 择 connblog 数据 源 中 的 | 
| a ee 习 “开本 | ' log type 数据 表 中 的 全 部 字 | 
| *® 2% = 1 段 ， 并 根据 MM_username | 
| [ il | 
1 1 








第 选 -user_uternwe |[ 
[UE Sm] Wusernm 
夫 序 无 ES 





图 10-167 “记录 集 ” 对 话 框 
15 单 击 “确定 ”按钮 完成 记录 集 Rs2 的 绑 定 ， 绑 定 记录 集 后 ， 单 击 “ 分 类 ”的 列表 /菜单 ， 
在 分 类 的 “列表 /菜单 ”属性 面板 中 单 击 区 aE- 按钮 ， 在 打开 的 “动态 列表 /菜单 ”对 话 框 中 设 
置 如 表 10-38 所 示 的 数据 ， 如 图 10-168 所 示 。 























表 10-38 “动态 表单 ”的 表格 设 定 
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图 10-168 “动态 列表 /菜单 ”对 话 框 
16 单 击 “ 确 定 ” 按 钮 ， 完 成 分 类 列表 的 数据 
绑 定 ， 然 后 将 绑 定 面板 中 的 Session 变量 | poss 二 Eee 
MM_username 绑 定 到 页 面 中 名 为 user_username 的 
隐藏 域 中 ， 如 图 10-169 所 示 。 - 
17 在 admin log_class.asp 编辑 页 面 , 单 击 “ 应 W069 次 寺 地 及 到 用 珊 汤 电 
用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 ft 按钮， 在 弹出 的 菜单 中 选择 “插入 记录 ”选项 ， 在 
“插入 记录 ”对 话 框 中 ,输入 如 表 10-39 所 示 的 设 定 值 ， 并 设 定 新 增 数据 后 转 到 一 般 用 户 管理 页 面 
user_admin.asp， 如 图 10-170 所 示 。 














表 10-39 “插入 记录 ”的 表格 设 定 





Tr a ee 司 [ER 
将 表单 里 输入 的 数据 ， | 


1 

! 插入 到 blog_log 数据 
! 表 中 ， 插 入 后 转 到 
1 

1 











user_admin.asp 页 面 











图 10-170 “插入 记录 ”对 话 框 
18 选择 表单 ， 执 行 菜单 “窗口 ”|“ 行 为” 命令， 打开 “行为 ”面板 ， 单 击 “ 行 为 ”面板 中 

















E 何 东西 ” 如 图 10-171 所 示 。 
19 单 击 “确定 ”按钮 ， 回 到 编辑 页 面 ， 完 成 admin log_class.asp 页 面 设计 。 
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图 10-171 “检查 表单 ”对 话 框 
10.4.7 ”修改 日 志 列表 页 面 
修改 日 志 列 表 页 面 adtmin_ log_classupd.asp 的 主要 EL 


功能 是 将 数据 表 的 数据 送 到 页 面 的 表单 中 进行 修改 ， | 号 Ms 一 
修改 数据 后 再 更 新 到 数据 表 blog_log 中 , 页 面 设计 如 图 
10-172 所 示 。 


详细 制作 步骤 如 下 : 

01 单 击 “ 绑 定 ”面板 上 的 3 按钮 ， 在 弹出 的 菜单 有 
中 选择 “记录 集 (查询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 图 10-172 ”修改 日 志 内 容 页 面 效果 
话 框 中 单 击 “ 高 级 ”按钮 ， 进 入 高 级 模式 窗口 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-40 所 示 
的 设 定 值 ， 单 击 “ 确 定 ” 按 钮 后 完成 设置 ， 如 图 10-173 所 示 。 











表 10-40 “记录 集 ” 的 表格 设 定 


天 
8 | 
SQL SELECT* 


FROM blog log 
WHERE log_ ID=Muse And user_username='MMuser 
参数 名 称 : Muse 默认 值 : 0 值 : request.querystring("log_ID") 





名 称 : MMuser 默认 值 : 1 值 : Session("MM_username'") 











a Ba 
天 瑞 "| 
mt | 

= 











图 10-173 “记录 集 ” 对 话 框 
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02 完成 记录 集 Rs 的 绑 定 后 ， 将 log title 字段 和 log_content 字段 插入 到 网 页 中 的 适当 位 置 ， 
如 图 10-174 所 示 。 




















! 将 log title 字段 和 | 
1 log_content 字段 插入 
I 到 网 页 的 适当 位 置 








03 单 击 “ 绑 定 ” 面 板 上 的 级 按钮， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ,在 打开 的 “ 记 
录 集 ”对 话 框 中 输入 如 表 10-41 所 示 的 设 定 值 ， 再 单 击 “确定 ”按钮 完成 设置 ， 如 图 10-175 所 示 。 
































表 10-41 “记录 集 ” 的 表格 设 定 











选择 connblog 数据 源 中 的 | 
log_type 数据 表 中 的 全 部 字 1 
段 ， 并 根据 MM_username | 
1 进行 着 选 ， 建 立 记录 集 查询 











图 10-175 “记录 集 ” 对 话 框 
04 完成 记录 集 Rs2 的 绑 定 后 ， 单 击 “ 分 类 ”的 列表 /菜单 ， 在 分 类 的 “动态 列表 /菜单 ”属性 
板 中 单 击 臣 一 习 钮 ， 在 打开 的 “动态 列表 /菜单 ”对 话 框 中 设置 如 表 10-42 所 示 的 数据 ， 
图 10-176 所 示 。 











瑟 











过 


表 10-42 “动态 表单 ”的 表格 设 定 
人 le 


选取 值 等 于 <%= (Rs.Fields.Item("log_ class ID").Value) %> 
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入 [Leeda mn | 


| 


得 到 但 等 于 = (Ls. Fields.Iren( log_cla 到 








图 10-176 ” 绑 定 “动态 列表 /菜单 ”对 话 框 
05 完成 表单 的 布置 后 ， 要 在 admin log_classupd.asp 这 个 页 面 加 入 “服务 器 行为 ”中 的 “更 


新 记录 ”设置 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 纳 按 钮 ， 在 弹出 的 菜单 中 选 
择 “ 更 新 记录 ”选项 ， 在 打开 的 “更 新 记录 ”对 话 框 中 输入 如 表 10-43 所 示 的 设 定 值 ， 如 图 10-177 


所 示 。 


























表 10-43 “更 新 记录 ”的 表格 设 定 




















属性 
连接 
要 更 新 的 表格 
选取 记录 自 
唯一 键 列 
在 更 新 后 ， 转 到 
获取 值 自 
表单 元 素 
本 
1 将 表单 里 输入 的 数据 更 新 到 人 二 一- ** [es | 全 
! blog log 数据 表 中 , 更 新 后 转 | | ane Em 
! 到 admin_log_class.asp 页 面 ! EE sm GE 




















图 10-177 “更 新 记录 ”对 话 框 
到 编辑 页 面 ， 完 成 修改 博客 分 类 页 面 的 设计 。 





日 


06 单 击 “ 确 定 ”按钮 ， 
10.4.8 删除 日 志 列表 页 面 


删除 日 志 列 表 页 面 admin_log_classdel.asp 和 修改 的 页 面 类 似 , 如 图 10-178 所 示 。 其 功能 是 
将 表单 中 的 数据 从 站 点 的 数据 表 中 进行 删除 。 
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TEST 


Ms: 


图 10-178 删除 日 志 内 容 页 面 效果 








详细 制作 步骤 如 下 : 

01 单 击 “ 绑 定 ” 面 板 上 的 钨 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 打 开 “ 记 
录 集 ”对 话 框 。 单 击 “ 高 级 ”按钮 ， 进 入 高 级 模式 窗口 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 
10-44 所 示 的 设 定 值 ， 单 击 “ 确 定 ”按钮 后 完成 设置 ， 如 图 10-179 所 示 。 




















表 10-44 “记录 集 ” 的 表格 设 定 


属性 设置 值 

名 称 Rs 

连接 connblog 
SELECT* 

SQL FROM blog log 


WHERE log_ ID=Muse And user_username=MMuser' 
名 称 : Muse 默认 值 : 0 值 : request.querystring("log_ID") 
名 称 : MMuser 默认 值 : 1 值 : Session("MM_username") 























图 10-179 “记录 集 ” 对 话 框 


02 完成 记录 集 Rs 的 绑 定 后 ， 将 log title 字段 和 log_content 字段 插入 到 网 页 中 的 适当 位 置 ， 
如 图 10-180 所 示 。 

















! 将 log title 字段 和 | 
1 log_content 字段 插入 
1 
1 





到 网 页 中 的 适当 位 置 








图 10-180 插入 字段 
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03 单 击 “ 绑 定 ” 面板 上 的 名 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ,在 打开 的 “ 记 
录 集 ”对 话 框 中 输入 如 表 10-45 所 示 的 设 定 值 ， 再 单 击 “ 确 定 ”按钮 完成 设置 ， 如 图 10-181 所 示 。 

















志 
































表 10-45 “记录 集 ” 的 表格 设 定 
































属性 设置 值 
名 称 Rs2 
连接 connblog 
表格 log type 
列 全 部 
user_username、=、 阶 段 变量 、MM_username 


















上 选择 connblog 数据 源 ! 
中 的 log_type 数据 表 ! 
中 的 全 部 字段 , 并 根据 ! 
MM _username 进行 得 ! 
1 选 ， 建 立 记录 集 查 询 1! 








图 10-181 设 定 “ 记 录 集 ”对 话 框 
04 完成 记录 集 Rs2 的 绑 定 后 ， 单 击 “ 分 类 ”的 列表 /菜单 ， 在 分 类 的 “动态 列表 /菜单 ”属性 
面板 中 单 击 臣 一 问安 钮 ,在 打开 的 “动态 列表 /菜单 ”中 设置 如 表 10-46 所 示 的 数据 ,如 图 10-182 
所 示 。 




















表 10-46 “动态 列表 ”的 表格 设 定 


标签 log_class_ name 
| 选取 值 等 于 <%= (Rs.Fields.Item("log_class_ID").Value) %> | 























图 10-182” 绑 定 动态 列表 
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05 完成 表单 的 布置 后 ， 要 在 admin log _classdel.asp 这 个 页 面 中 加 入 “服务 器 行为 ”中 的 “更 
新 记录 ”设置 。 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 出 的 菜单 中 选 
择 “ 删 除 记 录 ” 选 项 ， 在 打开 的 “删除 记录 ”对 话 框 中 输入 如 表 1047 所 示 的 设 定 值 ， 如 图 10-183 
所 示 。 









































表 10-47 “删除 记录 ”的 表格 设 定 

地 
选取 记录 自 Rs 
| 唯一 键 列 log_ID 
| 提交 此 表单 以 删除 
删除 后 ， 转 到 




























forml | 









admin log class.asp 

















和 ~ . . Pm 
! 从 blog log 表格 里 删除 | “| < EGG 
1 数据， 删除 后 转 到 从 雪 格 中 贡 除 [VlogJos seas La ] 
! admin log class.asp 页 面 | 0 | (EE | 
Te 1 用 一 刍 列 [1oe_0 本 加 要 人 
提交 此 表单 以 种 除 [fornl mn 
到 除 后 ， 转 到 adnin_1og_cla5. 3sp BE 





图 10-183 “删除 记录 ”对 话 框 
06 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 ， 完 成 删除 日 志 列表 页 面 的 设计 。 
可 以 看 出 修改 和 删除 日 志 列表 页 面 绑 定 的 记录 集 都 是 一 样 的 ， 只 是 加 入 的 命令 不 
一 样 ， 一 个 为 更 新 记录 ， 一 个 为 删除 记录 。 读 者 可 以 制作 完 修改 页 面 后 另存 为 删 
除 页 面 文档 ， 修 改 其 相应 的 文字 后 再 把 更 新 记录 从 “服务 器 行为 ”中 删除 ， 再 添 
加 一 个 “删除 记录 ”就 可 以 完成 制作 了 。 
10.4.9 博客 分 类 管理 页 面 


博客 分 类 管理 页 面 admin_ blog type.asp 是 管理 员 admin 通 过 前 台 登 录 后 进入 的 管理 页 面 ， 
主要 功能 是 可 以 实现 日 记分 类 的 修改 、 删 除 和 添加 ， 页 面 设计 效果 如 图 10-184 所 示 。 





























提 


弹 


二 加 博客 分 类 


博客 分 类 名 称 : | 


博客 分 类 列表 
博客 分 类 名 称 
JSP 技 术 
PIE 技 术 
平面 技术 
游戏 天 地 
ASP 技 术 


图 10-184 ”博客 分 类 管理 页 面 效果 图 
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详细 制作 步骤 如 下 : 
01 在 admin blog type.asp 页 面 设计 中 , 表单 fpmml 中 的 文本 域 和 文本 区 域 设置 如 表 10-48 所 示 。 














表 10-48 表单 form1 中 的 文本 域 和 文本 区 域 设置 


夺 
添加 博客 分 类 typename 单行 
添加 | submit 提交 按钮 














02 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 i 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-49 所 示 的 数据 ， 如 图 10-185 所 示 。 


表 10-49 “记录 集 ”Rs 的 表格 设 定 





























排序 

EE 画 
Ee 六 国 CD 
! 选择 数据 源 connblog ! ~ | Fm = 
1 中 的 blog type 数据 表 1 二 二 一 
! 的 全 部 字段 建立 记录 ! eT. Es 
! 集 查询 ! 
0 血 迁 [无 | 

图 序 = = | 升 月 














图 10-185 ” 绑 定 “记录 集 ”Rs 


03 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 Rs 的 绑 定 ， 把 绑 定 的 Rs 中 的 字段 插入 到 网 页 中 的 适当 
位 置 ， 如 图 10-186 所 示 。 


1 将 typename 字段 插入 到 网 页 的 适当 位 置 
1 


i r- 











04 在 博客 分 类 内 容 页 面 中 要 显示 所 有 博客 分 类 页 面 的 部 分 记录 或 者 全 部 记录 ， 而 目前 的 设 
定 则 只 会 显示 一 条 记录 ， 因 此 需要 加 入 “服务 器 行为 ”中 “重复 区 域 ” 的 设置 。 选 择 
admin blog type.asp 页 面 中 要 重复 显示 的 表格 ， 如 图 10-187 所 示 。 




















Es 
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05 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 和 按钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区 域 ” 选 项 , 在 打开 的 “重复 区 域 ”" 对 话 框 中 设 定 一 页 显示 的 数据 选项 为 “所 有 记录 ”如 图 10-188 























所 示 。 



































图 10-188 选择 记录 集 的 显示 数量 








06 单 击 “确定 ”按钮 回 到 编辑 页 面 , 会 发 现 先前 所 选取 要 重复 的 区 域 左 上 角 出 现 了 一 个 “ 重 
复 ” 的 灰色 标签 ， 表示 已 经 完成 设置 。 

07 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 i 按钮 ， 在 弹出 的 菜单 中 选择 “ 插 
入 记录 ”选项 ， 在 “插入 记录 ”的 设 定 对 话 框 中 输入 如 表 10-50 所 示 的 数据 ， 并 设 定 新 增 数据 后 转 
到 日 志 分 类 管理 页 面 admin_log_type.asp， 如 图 10-189 所 示 。 








属性 
插入 到 表格 
插入 后 ， 转 到 
获取 值 自 
表单 元 素 











表 10-50 “插入 记录 ”的 表格 设 定 


设置 值 

connblog 

blog type 

/admin_blog type.asp 

forml 

表单 字段 与 数据 表 字 段 相 对 应 
typename 


文本 








! 将 表单 里 输入 的 数据 插入 全 
1 到 blog type 数据 表 中 ， 插 
1 入 后 转 到 admin blog 
! ypeasp 页 面 





aaa 司 [ER 
插入 到 表格 [ae 轩 EE 


搬入 后 . 针 到 : /adnin_blog_type. asp GE 





Eee 


| 
3 





图 10-189 “插入 记录 ”对 话 框 
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表单 ， 执 行 菜单 “ 窗 


为 ” 


08 单 击 “ 确 定 ”按钮 完成 记录 的 插入 ， 选 择 
”| “行为 ”命令 ,打开 “ 行 
单 击 “行为 ”面板 中 的 国 按钮 ， 在 弹出 























面板 ， 











的 菜单 中 选择 “检查 表单 ”选项 ， 在 打开 的 “检查 表 
单 ” 对 话 框 中 设置 typename 文本 域 的 “ 值 ”都 为 “ 必 
需 的 ” “可 接受 ”为 “任何 东西 ”如 图 10-190 所 示 。 


09 页 面 编辑 中 的 文字 “修改 ”和 “删除 ”的 


链接 必须 要 传递 参数 给 前 往 的 页 面 ,这 样 前 往 的 页 面 


才能 够 根据 参数 值 而 从 数据 
来 编辑 。 选 取 编辑 页 面 中 的 “修改 ”文字 ， 单 击 “ 服 务 器 行为 ”面板 上 
中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 面 ”对 话 框 中 单 击 








库 中 将 某 一 数据 筛选 出 

















可 驮 受 ， 司 任何 东西 


日 电子 邮件 闻 直 。 上 数字 从 





图 10-190 “检查 表单 ”对 话 框 





的 菜单 
浏览 ”按钮 ， 打 开 “ 选 











择 文件 ”对 话 框 , 选择 admin_blog_upd.asp， 并 将 “传递 URL 参数 ”设置 为 记录 集 Rs 中 的 type_ID 


字段 ， 其 他 设 定 值 皆 保持 不 变 ， 如 图 10-191 所 示 。 


管 报 :| " 修 欢 ” 
一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 1 2 详细 信息 页 : /admin 
! 根据 字段 type_ID 的 值 转 到 1 人 
! admin_blog_upd.asp 的 详细 页 面 ! 


图 10-191 
10 选取 “删除 ”文字 并 重复 上 面 的 操作 ,将 要 转 


所 示 。 


直接 


! 根据 字段 type ID 的 值 上 
1 转 到 admin blog del.asp ! 
1 的 详细 页 面 l 








blog-spd asp 

设置 为 以 下 项 的 什 
IE 
| 





全 和 虹 有 参数: 四 URL 参数 
再 却 数 


设置 文字 “修改 ”的 转 到 页 面 
到 的 页 面 改 为 admin_blog_del.asp, 如 图 10-192 


— Pf /alain blog del. asp 


议 时 为 及 下 项 的 但 


代 寺 天 有 参数 可 URL 志 对 
sen 








图 10-192 


设置 文字 “删除 ”的 转 到 页 面 


和 1 单 击 “ 确 定 ”按钮 ， 完 成 博客 分 类 管理 页 面 damin_blog type.asp 的 制作 。 
10.4.10 ”修改 博客 分 类 页 面 


修改 博客 分 类 页 面 admin_blog_upd.asp 





的 主要 功能 是 将 数据 表 的 数据 送 到 页 面 的 表 
单 中 进行 修改 ， 修 改 数据 后 再 更 新 到 数据 表 
blog_type 中 ， 页 面 设计 如 图 10-193 所 示 。 


详细 操作 步骤 如 下 : 


修改 博客 分 类 
博客 分 类 名称: 


图 10-193 ”修改 博客 分 类 页 面 效果 图 





修改 








[FS 技术 | 
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01 在 admin blog_ upd.asp 页 面 设计 表单 form1 中 的 文本 域 和 文本 区 域 设置 如 表 10-51 所 示 。 











表 10-51 表单 form1 中 的 文本 域 和 文本 区 域 设置 

















意义 | 文本 〈 区 ) 域 /按钮 名 称 方法 /类 型 
表单 | pml POST 
博客 分 类 名 称 | Typename 单行 
修改 | Submit 提交 按钮 














02 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 外 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-52 所 示 的 数据 ， 如 图 10-194 所 示 。 

















表 10-52 “记录 集 ”rs 的 表格 设 定 











rm [: 

! 根据 前 面 所 传递 的 ! a J | 三 
1 URL 参数 type ID ~、 | we [Ee 习 一 | 
1 字段 进行 第 选 。 1 “pv 机 











图 10-194 绑 定 “记录 集 ”rs 
03 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 rs 的 绑 定 ， 并 把 绑 定 的 rs 中 的 字段 插入 到 网 页 中 的 适当 
位 置 ， 如 图 10-195 所 示 。 








修改 博客 分 类 1 
博客 分 类 名 称 [Tze typenanel 





图 10-195 插入 字段 


04 完成 表单 的 设置 后 ， 要 在 admin_blog_upd.asp 这 个 页 面 加 入 “服务 器 行为 ”中 的 “更 新 
记录 ”的 设置 ， 在 admin_blog_upd.asp 的 页 面 上 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 
上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 “更 新 记录 ”选项 ， 在 打开 的 “更 新 记录 ”对 话 框 中 ， 输 入 如 
表 10-53 所 示 的 设 定 值 ， 如 图 10-196 所 示 。 










































































Dreamweaver CC+ASP 动态 网 站 建设 与 典型 实例 
























































表 10-53 “更 新 记录 ”的 表格 设 定 
属性 设置 值 
连接 connblog 
要 更 新 的 表格 blog type 
选取 记录 自 TS 
唯一 键 列 type_ID 
在 更 新 后 ， 转 到 admin_ blog type.asp 
获取 值 自 forml 
表单 元 素 表单 字段 与 数据 表 字段 必须 相对 应 
i Ea| 
一 | 
| 将 表单 里 输入 的 数据 ， 更 新 到 1 | [L |] 
1 blog_ type 数据 表 中 ， 更 新 后 转 ! | ess EE 二 = ww 
1 到 admin_ blog_ typeasp 页面 ! | see ma ee 生 一 Wo 
全 语 汪 全 富 学 后 宇 党 生字 守 守 全 . 本 [Eerml ] 吃 旦 交 时 ) 
要 单元 系 : 隐 中 了 让 | 
pen 习 
提交 为 : 文本 | 
图 10-196 “更 新 记录 ”对 话 框 
05 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 ， 完 成 修改 博客 分 类 页 面 的 设计 。 
































删除 博客 分 类 页 面 


删除 博客 分 类 页 面 admin_blog_del.asp 和 
修改 页 面 类 似 ， 如 图 10-197 所 示 。 其 功能 是 
将 表单 中 的 数据 从 站 点 的 数据 表 中 删除 。 

详细 操作 步 又 如 下 : 

01 在 admin_blog_del.asp 页 面 设计 表单 forml 中 的 文本 域 和 文本 


10.4.11 


出 除 博 客 分 类 





博客 分 类 名 称 : JSP 技 术 





图 10-197 删除 博客 分 类 页 面 的 设计 





区 域 , 参数 如 表 10-54 所 示 。 


表 10-54 表单 form1 中 的 文本 域 和 文本 区 域 设置 
文本 (区 ) 域 /按钮 名 称 


forml 





方法 /类 型 
POST 


| 意义 
表单 
删除 Submit 

02 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 和 十 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-55 所 示 的 数据 ， 如 图 10-198 所 示 。 














typename 


















a 吕 
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表 10-55 “记录 集 ” 的 表格 设 定 


























连接 connblog 
表格 blog type 
列 全 部 
入 过 type ID、=、URL 参 数 、type_ ID 
排序 无 
二 
3 本 画 
连接 | connblog 定义 .… ] | 二 | 
Ee | a ee lie 
l 1 根据 前 面 所 传递 的 A 到 


[1 
1 URL 参数 type_ID 字 全 Ts 
! 段 进行 筛选 
ee 篇 先 : [type_ID 昌 旧 下 
tt 名 娄 wen 


排序 无 名 ][ 天 序 








图 10-198 ” 绑 定 “ 记 录 集 ”rs 


03 单 击 “ 确 定 ”按钮 ， 完 成 记录 集 rs 的 绑 定 ， 把 绑 定 的 rs 中 的 字段 插入 到 网 页 中 的 适当 位 
置 ， 如 图 10-199 所 示 。 























图 10-199 插入 字段 








04 完成 表单 的 设置 后 , 要 在 admin_blog_del.asp 页 面 中 加 入 “服务 器 行为 ”中 的 “删除 记录 ” 
设置 ， 在 admin_blog_del.asp 的 页 面 上 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 
钮 ， 在 弹出 的 菜单 中 选择 “删除 记录 ”选项 ， 在 打开 的 “删除 记录 ”对 话 框 中 输入 如 表 10-56 所 示 
的 设 定 值 ， 单 击 “ 确 定 ” 按 钮 就 可 以 完成 设置 了 ， 如 图 10-200 所 示 。 










































































表 10-56 “删除 记录 ”的 表格 设 定 





























属性 设置 值 

连接 connblog 

从 表格 中 删除 blog type 

选取 记录 自 rs 

唯一 键 列 type_ID 

提交 此 表单 以 删除 forml 

删除 后 ， 转 到 /admin_blog type.asp 
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二 [elie ~] EX 
从 要 将 中 到 队 [ 且 ce_type 了 
~ 汪 职 记 条 让 :加 了 





上 从 blog_type 表 格 里 删除 全 

! 数据 ， 删 除 后 转 到 ! QQ 
1 1 四 
1 1 


摊 交 此 去 兰 以 到 除 - 
admin log type.asp 页 面 
1 





副 际 后 _ 转 到 . /adnin_blog_type. asp 








图 10-200 “删除 记录 ”对 话 框 
05 当 管理 员 单 击 “ 删 除 ”按钮 时 将 博客 分 类 进行 删除 ， 但 为 了 慎重 起 见 ， 有 必要 提示 管理 
员 是 否 确定 要 删除 这 个 博客 分 类 ， 单 击 “ 删 除 ” 按 钮 ， 再 单 击 “代码 ”按钮 ， 进 入 “代码 ”视图 窗 
， 对 “删除 ”按钮 中 <input> 里 面 的 代码 进行 修改 ， 修 改 内 容 如 下 : 
<input name="Submit" type="submit" onclick="GP popupConfirmMsg 
(“确定 删除 吗 ?””); 


return document .MM returnValue"” value=" 删 除 ” /> 


// 当 单 击 “ 确 定 ”按钮 时 弹出 一 个 新 的 窗口 ， 提 示 “ 确 定 删除 吗 ? ” 
测试 效果 如 图 10-201 所 示 。 























Microsoft Internet Explorer 区] 
2 确定 期 除 吗 ? 


Cm] 





图 10-201 弹出 的 提示 窗口 效果 图 
10.4.12 ”博客 列表 管理 主页 面 


博客 列表 管理 主页 面 admin_blog.asp 主 要 用 于 显示 所 有 用 户 博客 列表 ， 并 通过 此 页 面 可 以 
链接 到 是 否 推 荐 页 面 4dmin_blog_good.asp 和 删除 用 户 博客 页 面 4dmin_del_blog.asp, 页 面 设计 效 
果 如 图 10-202 所 示 。 





图 10-202 博客 列表 管理 页 面 效 果 图 


详细 的 制作 步骤 如 下 : 

01 单 击 “ 绑 定 ”面板 上 的 俩 有 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 打 开 “ 记 
录 集 ”对 话 框 ， 击 “ 高 级 ”按钮 ， 进 入 高 级 模式 窗口 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 
10-57 所 示 的 数据 ， 单 击 “确定 ”按钮 后 完成 设 定 ， 如 图 10-203 所 示 。 
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表 10-57 “记录 集 ” 的 表格 设 定 

















属性 设置 值 
名 称 Rs 
连接 connblog 
SELECT* 
SQL FROM users 
ORDER BY user blog good DESC,user ID DESC 
































Er 国 “ 表 给 ins SQL 
本 办 和 图 E73 

扼 ja mr 

Wm 




















图 10-203” 设 定 “ 记 录 集 ”对 话 框 参数 


其 中 ORDER BY 子 句 中 有 两 个 排序 的 条 件 ， 第 一 个 是 字段 user blog good ( 是 否 
二。 是 推荐 的 博客 , 值 等 于 1 时 排序 在 前 , 等 于 0 时 排序 在 后 ); 第 二 个 是 字段 user ID 
提 示 (用户 注 册 的 先后 顺序 ) ， 两 个 排序 条 件 之 间 用 “，” 陋 开 .。 


02 完成 记录 集 Rs 的 绑 定 后 ， 将 绑 定 的 字 
段 插入 到 网 页 的 适当 位 置 ， 如 图 10-204 所 示 。 

03 选择 页 面 中 “是 否 推荐 ”单元 格 下 方 
的 两 个 小 图 标 , 在 “属性 ”面板 中 设置 它们 的 “ 替 
换 ” 值 分 别 为 “取消 推荐 ? ”和 “ 设 为 推荐 ? ”， 
如 图 10-205 所 示 。 























A 
Dl 高 De | 
地 加 四 | EE 

I DOV kT | 














[7 
nl 下 四 区 











地 国明 | BE 
RMR] DOVY *TED 














图 10-205 ”设置 蔡 换 值 


04 再 选择 页 面 中 “是 否 推荐 ”单元 格 下 方 的 两 个 小 图 标 ， 切 换 到 “代码 ”窗口 ， 加 入 相应 
代码 : 
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<% if(Rs.Fields.Item("user blog good") .value)=1 Then $%> 

<img src="images/icon pass.gif" alt=" 取 消 推荐 ? " width="16" height="16" 
border="0" /> 

<%Elses> 

<img src="images/icon del.gif" alt=" 设 为 推荐 ? " width="16" height="16" 
border="0" /> 

<%$ End if%> 


【分 如 果 记 录 集 中 user blog good 字段 的 值 等 于 1 就 显示 icon pass.gif, 如 果 值 不 等 于 
1 就 显示 icon_del.gif。 
提 示 


05 在 博客 列表 页 面 中 要 显示 所 有 博客 列表 页 面 的 部 分 记录 或 全 部 记录 ， 而 目前 的 设 定 则 只 
会 显示 一 条 记录 ， 因 此 需要 加 入 “服务 器 行为 ”中 “重复 区 域 ”的 设置 ， 单 击 admin_log_class.asp 
页 面 中 要 重复 显示 的 表格 ， 如 图 10-206 所 示 。 

















图 10-206 选择 要 重复 的 记录 集 表 格 
06 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 过 过 钮 ， 在 弹出 的 菜单 中 选择 “ 重 
复 区域 ” 选 项 ， 在 打开 的 “重复 区 域 ”对 话 框 中 ， 设 定 一 页 显示 的 数据 选项 为 20 条 ， 如 图 10-207 
所 示 。 














设 定 一 个 页 面 显示 记录 


设 
集 Rs 中 的 20 条 记录 








图 10-207 选择 要 重复 显示 的 记录 数 


07 单 击 “确定 ”按钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 
“重复 ”的 灰色 标签 ， 表 示 已 经 完成 设置 。 

08 当 admin blog.asp 页 面 中 博客 列表 信息 过 多 时 , 就 需要 加 入 记录 集 分 页 功能 , 将 光标 移 至 
要 加 入 “记录 集 分 页 ”的 位 置 ， 然 后 单 击 “ 服 务 器 行为 ”面板 中 的 镍 | 按钮， 在 弹出 的 下 拉 列 表 中 
选择 “记录 集 分 页 ”命令 下 的 子 命令 ， 插 入 相应 的 记录 和 集 分 页 功能 选项 ， 如 图 10-208 所 示 。 























图 10-208 加 入 “记录 集 分 页 ” 
09 选取 编辑 页 面 中 “是 否 推荐 ”下 方 的 所 有 ASP 代码 和 小 图 标 ， 单 击 “服务 器 行为 ”面板 














上 的 内 按钮 ， 在 弹出 的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 ， 在 打开 的 “ 转 到 详细 页 

















团 





”对 话 框 中 
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单 击 “浏览 ”按钮 ， 打 开 “ 选 择 文件 ”对 话 框 ， 选 择 admin_blog_good.asp 选项 ， 并 将 “传递 URL 
参数 ”选择 记录 集 Rs 中 的 user ID 字段 ， 其 他 设 定 值 皆 保持 不 变 ， 如 图 10-209 所 示 。 









pe 


-I 

! 根据 字段 user ID 的 值 转 到 1 | gensn -人 se[ 
1 admin_blog_good.asp 的 详细 页 面 ! 估 章 URL 多 数 55e 而 说 呈 为 以 下 项 的 和 
| 1 记录 入 : [Bs = 

到 mser DD 加 





传递 现 有 参数 - 三] URL 参数 
加 系数 


图 10-209 “ 转 到 详细 页 面 ”对 话 框 
10 同样 选取 编辑 页 面 中 的 文字 “删除 ”， 再 单 击 “服务 器 行为 ”面板 上 的 8 和 按钮 ， 在 弹出 
的 菜单 中 选择 “ 转 到 详细 页 面 ”选项 , 打开 “ 转 到 详细 页 面 ” 对 话 框 ， 单 击 “ 浏 览 ” 按 钮 ， 打 开 “ 选 
择 文件 ”对话 框 ,选择 admin_del blog.asp 选项 , 并 将 “传递 URL 参数 ”设置 为 记录 集 Rs 中 的 user 
_ID 字段 ， 其 他 设 定 值 皆 保持 不 变 ， 如 图 10-210 所 示 。 








-------------------。 AR = 本 
i 评 细 价 息 页 - adnin_del_blog. azp GE 了 说 
1 根据 字段 user_ID 的 值 转 到 ~ wa UR sm veer- a 玫 助 
| admin_del_blog.asp 的 详细 页 面 | ia 
可 后 后 品 所 号 后 局 居 记 区 送 扣 己 二 1 至 [userID ~ 
伟 半 现 有 多 至 站 URL 参数 
表单 参数 








图 10-210 “ 转 到 详细 页 面 ” 对 话 框 
和 1 单 击 “ 确 定 ” 按 钮 ， 完 成 博客 列表 管理 主页 面 admin_blog.asp 的 设计 和 制作 。 


10.4.13 ”推荐 博客 管理 页 面 


推荐 博客 管理 页 面 admin_blog_good.asp 是 
根据 users 数 据 表 中 的 user_blog_good 字 段 来 确 设置 用 户 博客 是 否 为 推荐 
定 是 否 是 推荐 的 用 户 博客 ， 所 以 制作 方法 就 是 3 | 二 

加 推荐 〇 不 推荐 确定 

更 新 users 数 据 表 中 的 user_blog_good 字 段 ， 当 
user_blog_good 字 段 值 为 1 时 为 推荐 博客 ， 为 0 图 10-211 推荐 用 户 博客 管理 页 面 设计 效果 图 
时 为 不 推荐 博客 ， 页 面 设计 效 果 如 图 10-211 所 示 。 

详细 操作 步骤 如 下 : 

01 在 admin_ blog_good.asp 页 面 设 计 中 加 入 两 个 单 选 按钮 ， 其 中 “推荐 ”按钮 值 为 1,“ 不 推 
荐 ”按钮 值 为 0， 其 名 称 都 为 user_blog_good。 

02 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 10-58 所 示 的 数据 ， 如 图 10-212 所 示 。 
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表 10-58 “记录 集 ”Rs 的 表格 设 定 






































属性 设置 值 
名 称 Rs 
连接 connblog 
表格 Users 
列 全 部 
筛选 user ID、=、URL 参 数 、user ID 
排序 无 
名 称 画 
和 CE 取消 
! 根据 前 面 所 传 *、、 | 
! 递 的 URL 参数 1 CGI 病员 ] 
1 user ID 字段 进 | 
人 1 
1 1 


行 筛选 








图 10-212 绑 定 “ 记 录 集 ”Rs 


03 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 Rs 的 绑 定 ， 把 绑 定 的 Rs 中 的 字段 插入 到 网 页 中 的 适当 
位 置 ， 如 图 10-213 所 示 。 























一 一 一 一 
用 户 名 是 否 推荐 设 定 
Rs user_usernane} 〇 推荐 〇 不 推荐 [确定 ] 


图 10-213 插入 字段 
04 选择 “是 否 推荐 ”单元 格 下 方 的 任意 一 个 单 











选 按钮 ,在 “属性 ”面板 中 单 击 “ 动 态 "按钮 EEC ， a 
在 打开 的 “动态 单 选 按钮 ”对 话 框 中 设置 “选取 值 等 ee 一 一 一 
于 ”为 Rs 记录 集中 的 user_ blog_good 字段 ， 即 等 于 [| ee 
<%= (Rs.Fields.Item("user_blog good").Value) %>， 如 i 


半 到 秆 等 于 。 <%= (Rs. Fislde. Itea("user-bl 到 | 





图 10-214 所 示 。 

05 单 击 “ 确 定 ”按钮 , 完成 对 动态 数据 的 绑 定 ， 
面板 组 中 “服务 器 行为 ”面板 上 。 图 10214 设置 “动态 单 选 按钮 ”对 话 杠 
荣 单 中 选择 “更 新 记录 ”选项 ,在 打开 的 “更 新 记录 ”对 话 框 中 输入 如 表 10-59 
所 示 的 设 定 值 ， 如 图 10-215 所 示 。 
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表 10-59 “更 新 记录 ”的 表格 设 定 

属性 设置 值 

连接 connblog 

要 更 新 的 表格 USerS 

选取 记录 自 Rs 

唯一 键 列 user ID 

在 更 新 后 ， 转 到 admin blog.asp 

获取 值 自 forml 

表单 元 素 表单 字段 与 数据 表 字 段 相 对 应 
| 这 
1 
[E70 

将 表单 里 输入 的 数据 更 新 到 ， 


users 数据 表 中 ， 更 新 后 转 到 
admin_blog.asp 页 面 








图 10-215 设 定 “ 更 新 记录 ” 








日 


06 单 
10.4.14 ”删除 用 户 博客 页 面 

最 后 设计 删除 用 户 博 客 页 面 
admin_del_ blog.asp， 其 功能 是 将 表单 中 的 数 
据 从 站 点 的 数据 表 users 中 进行 删除 ， 页 面 设 
计 效 果 如 图 10-216 所 示 。 

详细 制作 步骤 如 下 : 

01 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 





“确定 ”按钮 


口 


到 编辑 页 


















































， 完 成 推荐 博客 管理 页 





的 设计 。 











你 确定 要 删除 此 用 户 ? 


用 户 名 


test 


图 10-216 ”删除 用 户 博客 页 面 设计 效果 





板 上 的 颖 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 





询 )” 选 项 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 


如 表 10-60 所 示 的 数据 ， 如 图 10-217 所 示 。 




















表 10-60 “记录 集 ”Rs 的 表格 设 定 
属性 设置 值 
名 称 Rs 
连接 connblog 
表格 Users 
列 
1 
排序 
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二 | 
a 





! 根据 前 面 所 传递 的 URL 参数 +- 
1 user_ ID 字段 进行 簿 先 ! 








图 10-217 绑 定 “记录 集 ”Rs 


02 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 Rs 的 绑 定 ， 把 绑 定 的 Rs 中 的 字段 插入 到 网 页 中 的 适当 
位 置 ， 如 图 10-218 所 示 。 























你 确定 要 删除 此 用 户 ? 1 将 Rs 中 的 user_username 和 user_ | 
1 blog_name 字段 插入 到 网 页 中 





图 10-218 插入 字段 
03 完成 表单 的 设置 后 ， 要 在 admin_del blog.asp 这 个 页 面 加 入 “服务 器 行为 ”中 的 “删除 记 


录 ” 设 置 ， 在 admin_del_blog.asp 页 面 上 ， 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 这 
按钮 ， 在 弹出 的 菜单 中 选择 “删除 记录 ”选项 ， 在 打开 的 “删除 记录 ”对 话 框 中 输入 如 表 10-61 所 


示 的 设 定 值 ， 如 图 10-219 所 示 。 






































表 10-61 “删除 记录 ”的 表格 设 定 


RR | 
ma | 
wm 和 lm | 











1 从 users 表 格 里 删除 数 
1 据 ， 删 除 后 转 到 
[ admin_blog.asp 页 面 











图 10-219 “删除 记录 ”对 话 框 








04 单 击 “ 确 定 ” 按 钮 ， 回 到 编辑 页 面 ， 完 成 删除 用 户 博客 页 面 的 设计 。 


至 此 一 个 比较 复杂 的 博客 系统 就 开发 完毕 , 读者 在 开发 后 一 定 要 进行 测试 , 对 每 一 个 功能 
进行 详细 的 测试 后 才 可 以 上 传 到 服务 器 上 进行 使 用 。 























第 11 章 ASP 邮件 收发 系统 开发 


电子 邮件 (E-mail) 系统 是 Internet 上 应 用 最 广泛 的 服务 系统 。 通 过 电子 邮件 系统 ， 可 以 非 
常 快速 地 与 世界 上 任何 一 个 角落 的 网 络 用 户 联络 。 本 章 将 介绍 ASP 邮 件 收发 系统 的 开发 建设 。 
ASP 邮 件 收发 系统 主要 通过 JMail 组 件 与 POP3 和 SMTP 服 务 器 的 交互 来 实现 电子 邮件 的 接收 与 
将 要 制作 的 ASP 邮 件 收发 系统 网 页 及 网 页 结构 如 图 11-1 所 示 。 






ASP 邮件 收发 系统 


收 邮件 
图 11-1 ASP 邮件 收发 系统 结构 图 


本 章 重要 知识 点 >>>>>>>>>> 


JMail 的 简介 与 安装 

JMail 的 几 种 常用 对 象 
邮件 接收 功能 的 设计 

显示 接收 到 邮件 内 容 的 制作 
发 送 邮件 功能 的 开发 设计 


11.1 系统 的 整体 设计 规划 


制作 ASP 邮 件 收发 系统 ， 首 先 需 要 了 解 ASP 邮 件 收发 系统 的 结构 。ASP 邮 件 收发 系统 可 以 
分 为 两 个 功能 模块 , 一 个 是 用 来 接收 邮件 的 功能 页 面 ,另外 一 个 是 发 送 邮件 的 功能 页 面 。 系统 
页 面 的 功能 与 文件 名 设计 如 表 11-1 所 示 。 


表 11-1 ASP 邮件 收发 系统 网 页 设计 表 


需要 制作 的 主要 页 面 
对 邮件 进行 配置 


















保存 邮件 设置 保存 邮件 的 基本 配置 页 面 
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( 续 表 ) 
需要 制作 的 主要 页 面 页 面 名 称 功能 
接收 邮件 页 面 recmail.asp 接收 邮件 的 页 面 
显示 邮件 页 面 mail.asp 显示 邮件 详细 内 容 的 页 面 
发 送 邮 件 页 面 sendmail.asp 发 送 邮件 的 页 面 
发 送 是 否 成 功 页 面 send.asp 判断 邮件 是 否 发 送 成 功 
连接 页 面 config.asp 连接 页 面 








CY 现在 网 络 上 经 常 应 用 的 邮箱 如 263、163、 新 液 等 免费 邮件 收发 系统 都 是 比较 记 大 


所 和 的 系统 ， 这 里 介绍 的 ASP 邮件 收发 系统 只 具有 最 简单 的 邮件 收发 功能 。 
小 


11.1.1 ”页面 整体 设计 规划 








介绍 完 ASP 邮 件 收发 系统 的 整体 设计 规划 后 ， 可 以 在 本 地 站 点 上 建立 站 点 文件 夹 email， 
将 要 制作 的 ASP 邮 件 收发 系统 文件 夹 及 文件 如 图 11-2 所 示 。 
| 三 本 
GO = xe , sie em ll 己 
而 从” 兴 齐 ”5 建文 # 交 BO -~-~--~-----。 
oe "mn! 整个 网 站 所 有 ! 
| ! 的 相关 文件 夹 ! 
mc ! 及 文件 都 在 这 ! 
车 1 个 文件 夹 中 1 
Er 到 7-------- 1 
1 JMail 组 件 ! 
让 1 
] 9 四 











图 11-2 ”邮件 站 点 规划 文件 
11.1.2 ”页面 设计 


对 于 ASP 邮 件 收 发 系统 来 说 ， 主 要 是 配置 好 SMTP 和 POP3 服务 器 与 用 户 E-mail 之 间 的 关 
联 ， 以 实现 对 邮件 的 接收 和 发 送 。 邮 件 详细 内 容 页 面 和 发 送 邮 件 页 面 设计 如 图 11-3 和 图 11-4 
所 示 。 





主题 ; 测试 JIAIL 日 夏 邮件 4 

















A iment 加 | 
克隆 大 hy2008s3183. con] 
玉 运 : ns: 
优先 级 壮 适 
时 间 : 。 2013-6-t 下 年 到 27:34 
| 半 Pt 
MTA A LN LLL ME O tay © EE O Ma 
[至 用 区 可 
图 11-3 ”接收 到 邮件 的 页 面 图 11-4 发 送 邮件 的 页 面 
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11.2 JMail 组 件 的 简介 和 安装 


在 ASP 语 法 中 ， 本 身 内 置 的 对 象 不 支持 邮件 的 收发 ， 必 须 使 有 

















COM 组 件 来 完成 邮件 的 接 


收 和 发 送 。 目 前 这 类 常见 的 组 件 主要 有 JMail、CDSYS、ASPemaildkQmail 和 SmtpMail 等 ， 其 


中 JMail 组 件 是 最 为 流行 的 一 种 邮件 收发 组 件 。 这 里 制作 的 ASP 邮 人 


件 来 完成 制作 的 。 
11.2.1 JMail 组 件 的 简介 








收发 系统 就 是 使 用 这 个 组 


JMail 组 件 是 由 Dimac 公 司 开发 的 ,主要 用 来 完成 邮件 的 发 送 、 接 收 、 加 密 和 集群 传输 等 工 
作 。JMail 组 件 是 国际 最 为 流行 的 邮件 组 件 之 一 , 当今 世界 上 绝 大 部 分 ASP 程 序 员 都 在 使 用 JMail 
组 件 构建 邮件 发 送 系统 ， 那 是 因为 JMail 组 件 使 用 了 新 的 内 核 技 术 ， 具 有 较 强 的 可 靠 性 和 稳 


定性 。 
11.2.2 ”JMail 组 件 安装 与 卸载 
在 使 用 JMail 组 件 之 前 必须 下 载 安装 此 组 


件 , 读者 可 以 到 网 上 下 载 JMail 4.4 版 本 。 下 载 后 
详细 的 安装 与 卸载 步骤 如 下 : 


01 到 网 上 下 载 JMail 4.4 版 本 ， 下 载 的 安装 
程序 如 图 11-5 所 示 。 


























Jail44_pro exe 
ent 





图 11-5 JMail 安装 程序 





02 双击 安装 程序 JMail44_pro.exe， 开 始 解压 缩 文 件 ， 解 压缩 文件 完毕 后 显示 JMail4.4pro 的 








安装 欢迎 界面 ， 如 图 11-6 所 示 。 











InstallShield Wizard 


念 








Welcome to the InstallShield Wizard for JMail 


The InstallShield? Wizard wil install JMal on your 
computer. To continue, click Next 


图 11-6 打开 的 欢迎 安装 界面 














03 单 击 图 11-6 中 的 Next 按钮 ， 进 入 显示 软件 版 权 信息 的 对 话 框 ， 如 





单 击 Next 按 钮 | 


一 一 一 一 一 天 二 一 一 一 4 











11-7 所 示 。 
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License Agreement 
Please read the folowing cense ageement careluly. 


Press the PAGE DOWN key to see the redt of the ageement 





Please read this License Carefuly. This is a legal agreement between 
ee oD en Duplo AB. a 

nd documentalion are lcensed by Di ee De ee oa 
individual customer for use onl on the tems， in thes License 

"License" 


en the enclosed CD onelone ond /or veng the Software ndcales that 
ihe end user accepls and agiees to comply wih these 


Doyou Serent shino torns othe precedn License Ageemert? Ifyou choor No, the 一 
‘setup wil close. To instal JMal you must accept this ; 








w 
图 11-7 版 权 信 息 的 对 话 框 


04 单 击 图 11-7 中 的 Yes 按钮 ， 进 入 选择 安装 路 径 对话 框 ， 在 打开 的 Choose Destination 
Location 选择 安装 位 置 对 话 框 中 单 击 Browse 按钮 ， 选 择 安装 文件 的 路 径 ， 也 可 以 在 默认 的 路 径 进 
行 安装 ， 这 里 使 用 默认 的 路 径 进 行 安 装 ， 如 图 11-8 所 示 。 

















Choose Destination Location 
Select folder where Setup wl nstal fles: 
Setup wil nstal JMall in the folowing folder 
To install to this folder, cick Next. To instal to a dierenk folder, chck Browse and select 
another lolder 


-| 选择 安装 的 路 径 1 
1 


Destination Folder 
CNPiogam Fies\Dimac Development Ma Browse” 








图 11-8 选择 安装 文件 路 径 
05 选择 好 安装 的 路 径 后 ， 单 击 Next 按钮 ， 进 入 选择 安装 类 型 的 对 话 框 ， 如 图 11-9 所 示 。 


Setup Type 
Select he Setup Type b install 


Chick the ype of Setup you ptefet then chck Next 





- 一 才 一 G Ticel Program wal be netabed wh the most comnon options. Reconmended fo 
中 Typical (典型 1 Lie 


1 
1 选 
安装 ) 单 选 按钮 | CC Compect Pogan wll be inetaled wah minimum requied option. 





Custom Youmay choose the oplicns you want to instal Recommendedfor advanced 
es 








us [am 





图 11-9 选择 安装 类 型 开始 安装 
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06 在 打开 的 InstallShield Wizard (解压 缩 安 装 ) 对 话 框 中 ， 有 Typical (典型 安装 )、Compact 
(完全 安装 ) 和 Custom ( 自 定义 安装 ) 3 种 安装 方法 ， 选 中 Typical (典型 安装 ) 单 选 按钮 ， 再 单 
击 Next 按钮 开始 安装 ， 安 装 完毕 后 打开 如 图 11-10 所 示 的 对 话 框 。 




















InstallShield Wizard 





和 Instalshield Wizard Complete 


| 
RR Setup as frished nataling JMal on your conpuier 











图 11-10 完成 安装 对 话 框 
07 单 击 Finish 按钮 ， 完 成 对 JMail4.4pro 的 安装 。 
08 JMail 的 卸载 。 可 以 在 “添加 /删除 程序 ”中 对 文件 进行 卸载 ， 依 次 单 击 “ 开 始 ”|“ 控 制 
面板 ”|“ 添 加 /删除 程序 ”命令 ， 系 统 会 弹出 “程序 和 功能 ”对 话 框 ， 如 图 11-11 所 示 。 
09 从 打开 的 “添加 或 删除 程序 ”对 话 框 中 找到 JMail， 然 后 再 单 击 “更 改 /删除 ”按钮 ， 弹 出 
对 JMail 组 件 进行 维护 和 删除 的 InstallShield Wizard 〈 解 压缩 安装 ) 对 话 框 ， 如 图 11-12 所 示 。 



































InstallShield Wizard 
Welcome EF 
Modiy, repait. of remove the piogram (全 


Welcome to the JMai Setup Mantenance program. This program lets you modiy the current 
nstalalion, Chck one of the option below. 


广 Modb 
Select new program components lo add or select curenty instaled 
components to remove. 


C Repar 
星 Reinstal al program components instaled by the previous setup. 


人 Remove 
国 Remove al nstalled components. 

















呈 coee 
图 11-11 “程序 和 功能 ”对 话 框 图 11-12 对 JMail 组 件 进行 维护 的 对 话 框 


10 在 打开 的 InstallShield Wizard〈 解 压缩 安装 ) 对 话 框 中 选中 Remove (删除 ) 单 选 按 钮 ， 
单 击 Next 按钮 ， 完 成 对 JMail 组 件 的 卸载 过 程 。 


11.2.3 JMail 组 件 的 常用 对 象 


JMail 组 件 通过 一 些 常 用 对 象 (如 POP3 对 象 、Messages 对 象 、Header 对 象 等 ) 对 服务 器 端的 
邮件 进行 交互 ， 从 而 实现 各 种 功能 。 每 个 对 象 都 有 其 用 法 和 作用 , 在 JMail 组 件 中 常用 的 对 象 如 下 。 


(1) POP3 对 象 ， 是 对 POP3 邮件 接收 服务 器 的 操作 。 
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(2) Messages 对 象 ， 是 有 关 邮 件 集合 的 对 象 。 

(3) Message 对 象 ， 是 有 关 邮 件 的 对 象 ， 是 JMail 组 件 中 最 常用 的 对 象 ， 能 发 送 邮 件 信息 ， 
也 能 接收 邮件 信息 。 

(4) Header 对 象 ， 是 与 邮件 标题 相关 的 对 象 。 

(5) Recipients 对 象 ， 是 有 关 接 收 邮 件 集合 的 对 象 。 

(6) Recipient 对 象 ， 是 有 关 接 收 邮 件 的 对 象 。 

(7) Attachments 对 象 ， 是 有 关 邮 件 附 件 集合 的 对 象 。 

(8) Attachment 对 象 ， 是 有 关 邮 件 附 件 的 对 象 。 

(9) MailMerge 对 象 ， 是 有 关 邮 件 模板 的 对 象 。 

(10) PGPKeys 对 象 ， 是 有 关 邮 件 PGP 密 钥 集 合 的 对 象 。 

(11) PGPKeyInfo 对 象 ， 是 有 关 邮 件 PGP 密 钥 信 息 的 对 象 。 


在 邮件 发 送 的 Web 应 用 中 ， 最 常用 的 是 POP3 对 象 。POP3 对 象 中 的 常用 语法 如 下 。 


(1) Connect(Username,Password,Sever,Port): 连接 服务 器 ， 端 口 可 选 ， 默 认为 10。 

(2) DeleteMessages(): 从 邮件 服务 器 上 删除 所 有 邮件 。 

(3) DeleteSingleMessage(MessageID): 从 邮件 服务 器 删除 由 MessageID 指 定 的 邮件 。 

(4) Disconnect0: 关闭 与 邮件 服务 器 的 连接 。 

(5) DownloadHeaders(): 从 邮件 服务 器 上 读 取 所 有 的 邮件 标题 并 传递 给 Messages 集 合 。 

(6) DownloadMessages(): 从 邮件 服务 器 读 取 所 有 邮件 。 

(7) DownloadSingleHeader(MessageID): 从 邮件 服务 器 读 取 指定 的 邮件 标题 并 传递 给 
Messages 集 合 。 

(8) DownloadMessages(): 从 邮件 服务 器 上 读 取 所 有 未 读 邮 件 。 


在 JMail 组 件 中 Messages 对 象 常用 的 方法 如 下 。 


(1) Clear0: 表示 清除 集合 中 的 所 有 对 象 ， 但 不 会 删除 邮件 服务 器 上 任何 邮件 。 
(2) Count():Integer: 表示 返回 记录 集中 的 数目 。 
(3) Item(Index):Pointer: 表示 返回 一 个 Message 对 象 。 


在 邮件 发 送 的 Web 应 用 中 ，Message 对 象 是 最 常用 的 ， 在 使 用 之 前 需要 建立 该 对 象 ， 并 赋 
值 到 变量 上 ， 语 法 如 下 : 


Set jmail = Server.CreateObject ("JMAIL.Message") 
其 中 ，Message 对 象 有 如 下 常用 的 属性 和 方法 。 


(1) Silent 属 性 : 表示 屏蔽 例外 错误 ， 返 回 false 值 或 tue 值 ， 当 值 为 rue 时， 表示 邮件 发 送 
成 功 ， 表 达 式 为 jmail.silent = true。 

(2) Logging 属 性 : 表示 是 否 启用 日 志 ， 表 达 式 为 jmail.logging = true。 

(3) Charset 属 性 : 设置 邮件 显示 的 字符 集 ， 中 文 简体 可 使 用 gb2312， 中 文 繁体 可 用 big5。 
表达 式 为 jmail.Charset="gb2312"。 

(4) ContentType 属 性 : 表示 邮件 正文 的 类 型 ， 表 达 式 为 jmail.ContentType = "text/html"。 
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(5) AddRecipient 方 法 : 表示 收 件 人 的 E-mail 地 址 ， 表 达 式 为 jmail.AddRecipient 
(tt 163.com") 。 

(6) From 属 性 : 表示 发 件 人 的 E-mail 地 址 ， 该 地 址 一 般 与 使 用 SMTP 服 务 器 验证 时 所 需 
的 登录 账户 相同 ， 表 达 式 为 jmail.From = ******(@163.com。 

(7) FromName 属 性 : 表示 发 件 人 的 名 称 ， 表 达 式 为 jmail FromName = "BruceWolf"。 

(8) Subject 属 性 : 表示 设置 发 送 邮 件 的 标题 ， 表 达 式 为 jmail.Subject = "标题 "。 

(9) Body 属 性 : 表示 设置 发 送 邮 件 的 正文 内 容 ， 表 达 式 为 jmail.Body = "内 容 "。 

(10) Priority 属 性 : 表示 邮件 发 送 的 优先 级 ，1 为 快 ，5 为 慢 ，3 为 默认 值 ， 表 达 式 为 
jmailLPriority = "优先 级 "。 

(11) MailServerUserName 属 性 : 表示 当 邮 件 服务 器 使 用 SMTP 发 送 验证 时 设置 的 登录 账 
户 ， 表 达 式 为 jmail.MailServerUserName = 二。"****** (@163.com"。 

(12)MailServerPassword 属 性 : 表示 当 邮 件 服务 器 使 用 SMTP 发 送 验 证 时 设置 的 登录 密码 ， 
表达 式 为 jmail.MailServerPassWord 三 "站 六 六 六 六 六 水 率 六 六 六 闪闪 由 。 

(13) Send 方 法 : 表示 通过 指定 的 邮件 发 送 服务 器 进行 邮件 的 发 送 。 需 要 注意 的 是 , 该 邮 
件 服务 器 地 址 与 MailServerUserName 和 MailServerPassword 中 的 值 是 一 致 的 ， 表 达 式 为 
jmail.Send("****** (@163.com ")。 

(14) Close 方 法 : 表示 释放 JMail 和 邮件 服务 器 连接 而 使 用 的 缓存 空间 ， 表 达 式 为 


jmail.Close()。 


更 多 有 关 JMail 对 象 的 方法 请 参考 JMail 组 件 相关 书籍 。 


11.3 ASP 邮件 收发 系统 页 面 制作 








ASP 邮 件 收发 系统 可 以 分 为 3 个 部 分 : 设置 邮件 部 分 〈 主 要 对 邮箱 的 账号 和 密码 进行 设 
置 ) 、 接 收 邮件 部 分 和 已 发 送 邮件 部 分 。 接 收 邮件 首先 要 连接 POP3 服务 器 ， 从 服务 器 读 取 邮 
件 中 的 所 有 信息 , 然后 才能 在 客户 端 撰写 回复 邮件 , 最 后 发 送 邮件 才能 实现 邮件 的 接收 与 发 送 
功能 。 


11.3.1 ASP 邮 件 收发 系统 主页 面 制 作 


ASP 邮 件 收发 系统 的 主页 面 主要 实现 配置 邮箱 JW 






























































的 功能 ,在 此 页 面 需要 显示 用 户 相关 邮箱 配置 的 各 种 。 | Sumo 2 ex 
参数 , 用 户 可 以 对 各 种 参数 进行 修改 , 如 电子 邮箱 的 | se sx Ta we 
朋 户 名 和 密码 。 主 页 面 index.asp 设 计 效 果 如 图 11-13 EE EE 
详细 的 制作 步骤 如 下 : 
01 启动 Dreamweaver CC, 设置 好 “站 点 ”“ 文 档 














类 型 ”" “测试 服务 器 ”， 执行 菜单 “文件 ”|“ 新 建 ” 命 
令 , 打开 “新 建文 档 ” 对 话 框 ,选择 “空白 页 ”选项 卡 、 "一 -4 
中 “页 面 类 型 ”下 拉 列 表 框 下 的 HTML 选项 ， 在 “ 布 ”图 11-13 ASP 邮件 收发 系统 的 主页 面 效 果 
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局 ”下 拉 列 表 框 中 选择 “无 ”选项 ， 然 后 单 击 “ 创 建 ” 按 钮 创建 新 页 面 ， 在 网 站 根 目 录 下 新 建 一 个 
名 为 index.asp 的 网 页 并 保存 ， 如 图 11-14 所 示 。 

02 打开 刚 创 建 的 index.asp 页 面 ， 输 入 网 页 标题 “邮件 主页 ”， 执 行 菜单 “文件 ” |“ 保存 ” 
命令 将 网 页 标题 保存 。 

03 在 index.asp 页 面 中 执行 菜单 “插入 ”|“ 表 单 ”|“ 表 单 ” 命 令 ， 插 入 一 个 表单 ， 再 在 表单 
中 执行 菜单 “插入 ”|“ 表 格 ”命令 ， 打 开 “ 表 格 ” 对 话 框 ， 在 “ 行 数 ”文本 框 中 输入 需要 插入 表 
格 的 行 数 6， 在 “ 列 ” 文 本 框 中 输入 需要 插入 表格 的 列 数 2， 在 “表格 宽度 ”文本 框 中 输入 440 像 
素 ,“ 边 框 粗细 ”“ 单 元 格 边 距 ” 和 “单元 格 间距 ”都 为 0， 如 图 11-15 所 示 。 
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Chome hembe cheme" shemle" ,xhe mb" som asi jor” json appcacherom 
| 上 
< Ee | 
图 11-14 建立 首页 并 保存 图 11-15 设置 “表格 ”属性 


04 单 击 “ 确 定 ”按钮 就 插入 了 一 个 6 行 2 列 的 表格 ， 再 选择 整个 表格 ， 在 <table> 代 码 中 加 
入 “bgcolor="#FFCCCC"”， 设 置 背景 颜色 为 开 FCCCC,， 在 “对 齐 ” 下 拉 列 表 框 中 选择 “居中 对 齐 ” 
让 插入 的 表格 居中 对 齐 ， 如 图 11-16 所 示 。 











] 六 Ra mg 同志 充 辐 上] 对齐 国 | 相对 卉 同类 加 | 无 Y 
] 间距 所。 | 过 ED | 家 


Ee 





图 11-16 设置 “居中 对 齐 ” 
05 设置 好 表格 的 属性 后 ， 在 表格 中 输入 相应 









































的 文字 ,执行 菜单 “插入 ”| “表单 ”| “文本 域 ” 命 3 
令 ， 在 不 同 的 单元 格 中 插入 文本 域 。 在 index.asp 页 
面 设计 中 ， 表 单 中 的 文本 域 设置 如 表 11-2 所 示 ， 插 
入 后 的 效果 如 图 11-17 所 示 。 
[E 


图 11-17 插入 文本 域 和 输入 文字 效果 
表 11-2 文本 域 字段 设置 表 











意义 文本 域 /按钮 名 称 类 型 
表单 forml 方法 为 POST， 动 作为 Preservation.asp 
SMTP 服 务 器 地 址 SMTPServer 单行 
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( 续 表 ) 
意义 文本 域 /按钮 名 称 类 型 
POP3 服务 器 地 址 POPMServer 单行 
电子 邮箱 用 户 名 username 单行 
电子 邮箱 密码 password 密码 
保存 Submit 提交 表单 
06 切换 到 “代码 ”视图 窗口 ， 在 前 面 加 入 一 段 ASP 代码 : 

















<!--#include file="config.asp"--> 
// 调 用 config.asp 页 面 
< 多 
Function IsObjectInstalled (strClassString) 
On Error Resume Next 
IsObjectInstalled=False 
Err.Clear 
dim oTestObj 
set oTestObj=Server.CreateObject (strClassString) 
if Not Err<0 then 
IsobjectInstalled=True 
end if 
set oTestObj=nothing 
Err.Clear 
End Function 
// 判断 服务 器 上 对 象 是 否 安装 
objInstalled=IsObjectInstalled("Scripting.FileSystemObject") 


// 判 断 Scripting.FileSystemobject 是 否 已 经 安装 ， 也 就 是 判断 系统 是 否 支 持 FSO 组 件 
%> 


07 选择 “SMTP 服务 器 地 址 ”一 行 中 的 SMTPServer 文 本 域 ， 在 “属性 ”面板 中 设置 初始 值 
为 <%=SMTPMailServer%>， 如 图 11-18 所 示 。 


<%$=SMTPMailServer%> // 用 来 发 送 邮件 的 SMTP 服务 器 

















加 文本 城 字符 宽 县 生 32 天 型 @ 单 行 G) 。 口 多 行 曲 。 〇 密码 E) 类 加 | 无 


RServer 最 多 字 笠 数 40 。 初 好 从 加 [ESHTPsilserverxy 全 
口 革 用 也) 
口内 读 蕊 





图 11-18 设置 SMTPServer 文本 域 的 初始 值 


08 选择 “POP3 服务 器 地 址 ”一 行 中 的 POPMServer 文本 域 ， 在 “属性 ”面板 中 设置 初始 值 
为 <%=POPMailServer%>， 如 图 11-19 所 示 。 其 中 ，<%=POPMailServer%> 是 用 来 接收 邮件 的 POP3 
服务 器 。 
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基 攻 二 字符 寞 度 抽 ) 到 #H OP) Os OBE 关口 无 > 
FOFISorver | 最 多 字符 数 局 | 初 娩 入 I) [OFFOPNS1Server 多 
Dw 
口 R 适 四 





图 11-19 设置 POPMServer 文本 域 的 初始 值 
09 选择 “电子 邮箱 用 户 名 ”一 行 中 的 username 文本 域 ， 在 “属性 ” 
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<%=MailServerUserName%>, 如 图 11-20 所 示 。 其 中 ,<%=MailServerUserName%> 是 用 来 登录 SMTP 
服务 器 和 POP3 服务 器 的 用 户 名 。 












































类 型 OB) OS ONE 类 四 | 无 >| 
从 I) FEauilswvwswimey7 ] 多 


口 茜 用 四 
口 R 污 号 





图 11-20 设置 usemame 文本 域 的 初始 值 
10 选择 “电子 邮箱 密码 ”一 行 中 的 password 文本 域 ， 在 “属性 ”面板 中 设置 初始 值 为 
<%=MailServerPassWord%>, 如 图 11-21 所 示 。 其 中 , <%=MailServerPassWord%> 是 用 来 登录 SMTP 
服务 器 和 POP3 服务 器 的 密码 。 




















类 型 〇 单行 &) 品行 轨 。 加 灾 码 中) 交加 | 无 浊 
初始 价 区 ) [SFasilServerPassyordxy 多 





图 11-21 设置 password 文本 域 的 初始 值 


和 1 在 index.asp 页 面 中 有 两 个 链接 “ 收 邮件 ”与 “发 邮件 ” 必须 设 定 其 链接 网 页 ， 链 接 文件 
如 表 11-3 所 示 。 





表 11-3 “ 收 邮 件 ” 与 “发 邮件 ”的 链接 页 面 











加 


12 在 首页 中 有 一 个 调用 文件 config.asp， 这 个 文件 主要 存储 一 些 配置 邮箱 信息 方 
就 像 调用 数据 库 一 样 ，config.asp 页 面 就 是 一 段 调用 的 代码 ， 代 码 如 下 : 

<% 

Const SMTPMailServer="" 

// 用 来 发 送 邮 件 的 SMTP 服务 器 地 址 

Const POPMailServer="" 

// 用 来 接收 邮件 的 POP3 服务 器 地 址 

Const MailServerUserName="" 

// 服 务 器 登录 邮箱 的 用 户 账号 


Const MailServerPassWord="" 


// 服 务 器 登录 邮箱 的 用 户 密码 
多 > 


11.3.2 ”邮箱 设置 保存 页 面 制作 


在 ASP 邮 件 收发 系统 中 ， 当 用 户 设置 好 自己 的 邮箱 账号 和 邮箱 密码 后 ， 单 击 “ 保 存 ” 按 钮 
将 文件 保存 到 Preservation.asp(Preservation.asp 是 对 index.asp 提 交 表 单 时 传递 过 来 的 数据 进行 处 
理 的 页 面 ) ， 再 将 处 理 后 的 数据 传递 到 config.asp 页 面 中 。 

Preservation.asp 核 心 代码 如 下 : 


<% 
Function IsObjectInstalled(strClassString) 


面 的 常量 。 
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On Error Resume Next 
IsObJjectInstalled=False 
Err.Clear 
dim oTestObj 
set oTestObj=Server.CreateObject (strClassString) 
if Not Err<0 then 
IsObjectInstalled=True 
end if 
set oTestObj=nothing 
Err.Clear 
End Function 
// 判断 服务 器 上 对 象 是 否 安装 
objInstalled=IsObjectInstalled("Scripting.FileSystemObject") 
// 判 断 Scripting.FileSystemObject 是 否 已 经 安装 ， 也 就 是 判断 系统 是 否 支持 FSO 组 件 
if not objInstalled then 
Response.Write "对 不 起 ， 服 务 器 不 支持 FSO (Scripting.FileSystemObject) ! 
请 到 'config.asp' 进 行 配置 " 
Response.End 
end if 
// 如 果 没有 安装 ， 输 出 "对 不 起 ， 服 务 器 不 支持 FSO (Scripting.FileSystemObject)! 
// 请 到 'config.asp' 进 行 配置 " 
set fso=Server.CreateObject ("Scripting.FileSystemObject") 
// 创 建 一 个 名 为 fso 的 FileSystemObject 对 象 
set objectfile=fso.CreateTextFile(Server.mappath ("/config.asp") ,true) 
// 创 建 一 个 名 为 objectfile 的 FileSystemObject 对 象 文本 文件 , Server .mappath 参数 是 文件 名 
//config.asp 在 服务 器 上 的 物理 路 径 ，ture 表示 服务 器 上 存在 该 文件 ， 保 存 后 的 文件 将 牙 盖 此 文件 
objectfile.write "<" & "%" & vbcrlf 
objectfile.write "Const SMTPMailServer=" & chr(34) & 
trim(request ("SMTPServer")) & chr(34) & " 
// 用 来 发 送 邮 件 的 SMTP 服务 器 地 址 
”& vberlf 
objectfile.write "Const POPMailServer=" & chr(34) & 
trim(request ("POPServer")) & chr(34) & " 
// 用 来 接收 邮件 的 POP3 服务 器 地 址 
bcr1E 
objectfile.write "Const MailServerUserName=" & chr (34) & trim 
(request ("username")) & chr (34) & " 
// 服 务 器 登录 邮箱 的 用 户 账号 
"”& vbcrlf 
objectfile.write "Const MailServerPassword=" & chr (34) & trim 
(request ("password")) & chr (34) & " 
// 服 务 器 登录 邮箱 的 账号 密码 
.EE berif 
objectfile.write "%" & ">" 
// 将 首页 index.asp 页 面 中 的 表单 里 文本 框 填写 的 数据 写 入 到 config.asp 文件 中 
objectfile.close 
set objectfile=nothing 
set fso=nothing 
// 关 闭 文本 文件 和 释放 objectfile 
Response.Write ("保存 信息 成 功 ! ") 
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// 如 果 保 存 成 功 ， 输 出 “保存 信息 成 功 !” 
Response.End () 
// 响 应 结束 
多 > 


11.3.3 ”邮件 接收 页 面 制作 


邮件 接收 页 面 recmailasp 主 要 是 从 服务 器 上 得 到 邮件 的 信息 ， 然 后 在 页 面 上 显示 出 来 ， 通 
过 单 击 页 面 上 的 邮件 标题 和 发 件 人 即 可 进入 邮件 详细 内 容 页 面 main.asp， 设 计 的 静态 页 面 效果 
如 图 11-22 所 示 。 


























邮件 信息 列表 
您 有 封 闻 件 
久 寻 | ”发 件 信 EE EL] 

















图 11-22 静态 页 面 设计 效果 图 
详细 制作 步 又 如 下 : 


01 在 接收 邮件 信息 之 前 必须 建立 服务 器 的 连接 ， 并 对 POP3 服务 器 进行 操作 ， 这 里 利用 POP3 
对 象 中 的 Connect 方法 与 服务 器 建立 连接 ， 在 <body> 和 </body> 之 间 加 入 建立 POP3 服务 器 的 代码 : 


<% 








Set pyJMail = Server.CreateObject( "JMail.POP3") 
pJMail.Connect MailServerUserName, MailServerPassWord,POPMailServer 


【分 创建 一 个 名 为 pJMail 的 JMail.POP3 对 象 , 可 以 用 这 个 对 象 与 POP3 服务 器 建立 连 
接 ，“pJMail.Connect MailServerUserName, MailServerPassWord, POPMailServer” 
提 示 ”是 用 POP3 对 象 中 的 Connect 方法 与 服务 器 建立 连接 ， 该 方法 有 4 个 参数 ， 分 别 
为 用 户 名 .用 户 密码 POP3 服务 器 地 址 和 服务 器 端口 号 ( 默认 值 为 110, 可 省 略 ) 。 
02 在 显示 共有 多 少 封 邮件 时 可 以 用 Count( ) 方 法 获得 ， 代 码 为 “<%=pJMailLcount%> ”意思 
是 邮件 总 数 求 和 。 
03 在 “编号 ”中 可 以 用 循环 语句 获得 每 一 封 邮 件 的 信息 ， 用 POP3 对 象 的 Messages 方法 来 
创建 可 以 读 写 的 Message 对 象 ， 设 置 编号 的 代码 如 下 : 


< 多 




















i=1 

while i<=pJMail.count 

Set msg = pJMail .Messages.item(i) 
多 > 


CY 其 中 ，item(i) 表 示 得 到 的 是 第 几 封 邮件 ，Message 从 1 开始 计算 , 而 不 是 从 0 开始 
计算 。 
提 示 


04 利用 Message 对 象 中 的 FromName() 方 法 获得 并 显示 发 件 人 的 名 称 ， 代 码 为 “<%= 


msg.FromName %> ”。 
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05 利用 Message 对 象 中 的 Subject 方法 来 获得 并 显示 邮件 的 标题 ， 代 码 为 “<%= msg.Subject 




















06 利用 Message 对 象 中 的 Date 方法 来 获得 并 显示 邮件 发 送 的 时 间 ， 代 码 为 “<%= msg.Date 











最 终 的 





07 将 上 述 获 得 不 同 参数 的 代码 加 入 网 页 中 合适 的 单元 格 。 加 入 相应 的 ASP 代码 后 
页 面 如 图 11-23 所 示 。 
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邮件 信息 列表 
您 有 出 封 邮件 
编号 |。 发 件 人 EE 发 时 间 
邮 当 训 邮 























图 11-23 加 入 ASP 代码 后 的 效果 
08 当 用 户 单 击发 件 人 和 邮件 主题 时 要 进入 邮件 的 详细 信息 页 面 main.asp, 可 以 根据 邮件 编号 
id 来 设 定 一 个 详细 的 链接 ， 将 光标 放 入 “发 件 人 ”下 方 的 单元 格 中 ， 在 “属性 ”面板 中 的 “链接 ” 
文本 框 中 输入 一 个 详细 链接 地 址 “Mail.asp?id=<%=i%>” 如 图 11-24 所 示 。 





























格式 @) 无 ~ 美 | 天 v BI 注 性 纯 丝 标题 C) 
WD 无 司 链接 Q) Nail asp?id= Gi%> Vg。 肘 @ 








单元 格 。 水 平台 )| 居中 对 齐 “” 忆 | 宽 中 不 执行 @) 口 ”背景 颜色 G) 厂 -| ] 
口 凑 。 重 直 加 ) 默认 | 高 如 | 20 标题 @) 




















图 11-24 加 入 链接 


09 用 上 述 同样 的 方法 在 “主题 ”下 方 的 单元 格 中 加 入 相同 的 链接 。 
10 整个 页 面 的 核心 代码 如 下 : 


<html xmlns="http://www.w3.0org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title> 邮 件 列表 </title> 

<body> 

< 多 





Set pJMail = Server.CreateObject( "JMail.POP3") 
pJMail.Connect MailServerUserName, MailServerPassWord,POPMailServer 
%> 
// 用 POP3 对 象 的 Connect 方法 建立 服务 器 的 连接 
<br /> 
<table width="550" border="1" align="center" cellpadding="0" cellspacing="0" 
bgcolor="#FFCCCC"> 
< 
<td height="30" colspan="4" class="th STYLE1">&nbsp;&nbsp; 邮件 信息 列表 </td> 
</tr> 
<tr> 
<td height="25" colspan="4" class="td STYLE2">&nbsp; 
你 有 &nbsp;<%=pJMail.count%>gnbsp; 封 邮件 </td> 
</tr> 
tr> 
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<td width="7%" align="center" class="td"> 编 号 </td> 
<td width="17%" height="20" align="center" class="td"> 发 件 人 </td> 
<td width="50%" align="center" class="td"> 主 题 </td> 
<td width="26%$" align="center" class="td"> 发 送 时 间 </td> 
志和 
< 多 
i=1 
while i<=pJMail.count 
Set msg = pJMail .Messages.item(i) 
多 > 
// 获 得 邮件 的 编号 ， 其 中 item (i) 是 第 几 封 邮 件 
<tr <%if i mod 2=1 then Response.Write ""%>> 
<td align="center" class="td"><%=i %></td> 
// 显 示 邮件 的 编号 
<td height="20" align="center" class="td"><a href="Mail.asp?id=<%=i%>" 
target=" blank"><%= msg.FromName %></a></td> 
// 取 得 邮件 的 发 送 人 并 根据 邮件 id 参数 详细 链接 到 main .asp 页 面 
<td align="center" class="td"><a href="Mail.asp?id=<%=i%>" 
target="mainFrame"><%= 
msg.Subject %></a></td> 
// 取 得 邮件 的 主题 并 根据 邮件 id 参数 详细 链接 到 main .asp 页 面 
<td align="center" class="td"><%= msg.Date %></td> 
// 取 得 发 送 邮 件 时 的 时 间 
</tr> 
<% 
i= i+l 
wend 
$%> 
</table> 
</body> 
</html> 
< 多 
pJMail.Disconnect 
多 > 
// 用 POP3 对 象 中 的 Disconnect 方法 关闭 与 POP3 服务 器 的 连接 


11.3.4 ”显示 邮件 内 容 页 面 制 作 


显示 邮件 内 容 页 面 mail.asp 的 主要 功能 是 在 页 面 中 显示 接收 到 邮件 的 主题 、 内 容 及 发 送 人 
的 E-mail 等 信息 ， 页 面 设计 效果 如 图 11-25 所 示 。 


主题 : 测试 JIAIL 回复 邮件 
发 件 人 : linufane 
收 件 人 人 : (hy200858163. con) 
秒 送 : 
已 先 级 : 普通 
发 送 时 间 ; 2016-6-4 下 年 02:27:34 
下 

MTAT RRAT DN AT ATL 


图 11-25 显示 详细 内 容 页 面 的 效果 图 
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详细 的 操作 步骤 如 下 : 
01 在 11.3.3 小 节 中 已 经 讲 过 如 何 取得 邮件 的 主题 、 发 件 人 和 发 送 时 间 。 对 于 如 何 取得 发 件 
人 邮箱 、 抄 送 、 发 送 的 内 容 和 优先 级 ， 可 参考 表 11-4。 
表 11-4 设置 相关 ASP 代码 表 



































意义 取得 的 代码 
发 件 人 邮箱 <%= ReTO %> 
抄 送 <%= ReCC %> 
发 送 的 内 容 <%=msg.Priority =1、 3、5%> 
优先 级 <%= msg.Body %> 
02 优先 级 中 Priority 的 值 可 以 等 于 1、3、5， 等 于 1 时 表示 紧急 邮件 ， 等 于 3 时 表示 一 般 的 
g 件 ， 等 于 5 时 表示 缓慢 的 邮件 ， 可 以 利用 一 个 条 件 判 断 语句 进行 判断 ， 代 码 如 下 ; 





< 多 

if (msg.Priority = 3) then 
Response.Write ("普通 ") 

// 如 果 得 到 优先 级 值 为 3 时， 显示 为 “普通 ” 
elseif (msg.Priority = 5) then 
Response.Write ("缓慢 ") 

// 如 果 得 到 优先 级 值 为 5 时， 显示 为 “缓慢 ” 

else 

Response.Write ("紧急 ") 

// 否 则 为 “紧急 ” 
end if 

// 判 断 结 束 

多 > 


03 将 上 述 获 得 不 同 参数 的 代码 加 入 网 页 合适 的 单元 格 中 。 在 加 入 相应 的 ASP 代码 后 ， 页 面 
设计 如 图 11-26 所 示 。 















































图 11-26 加 入 ASP 代码 后 的 效果 

04 当 用 户 单 击 回复 邮件 时 ， 要 进入 回复 邮件 的 页 面 sendmailasp， 可 以 根据 邮件 编号 id 来 设 
定 一 个 详细 的 链接 ， 将 光标 放 入 “发 件 人 ”下 方 的 单元 格 中 ， 在 “属性 ”面板 中 的 链接 文本 框 中 输 
入 一 个 详细 链接 的 地 址 “sendmail.asp?id=<%=i%>” 如 图 11-27 所 示 。 


















































[<>wm] 格式 四 | 无 ~ 美 | srmEs v BI 二 二 本 所 标本 WD _ 
Ecss DO 无 二 链接 站) |sendnail asp?id= Qi%>》 vBD 上 和 加 ~ 
sd| 单元 格 。 水 平反 ) 软 认 Y 宽 四 不 换行 四 口 青 最 颜色 G) 厂 -| [L_ 属性 .， ] 





器 站 。 垂直 台 ) 默认 | 高 如 | 30| 标题 @@) 口 





图 11-27 加 入 链接 
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05 本 页 面 代码 如 下 : 
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> 
<!--#include file = "config.asp"--> 

// 调 用 config.asp 文件 

<head> 

<tit1le> 邮 件 详细 信息 </tit1le> 

</head> 

<body> 

< 条 


Set PUMail = Server.CreateObject( "JMail.POP3") 

pJMail.Connect MailServerUserName,MailServerPassWord, POPMailSerVer 
// 创建 一 个 POP3 对 象 

i = Cint(Trim(Request .QueryString("id"))) 

// 获 取 上 一 个 页 面 传递 过 来 的 邮件 编号 

Set msg = pJMail.Messages.item(i) 


// 根 据 编号 来 创建 对 应 的 Message 对 象 





ReTo = "" 
ReCC = 

Set Recipients = msg.Recipients 
Separator = ", " 


For j = 0 To Recipients.Count - 1 
If j = Recipients.Count - 1 Then 
Separator = "" 
End If 
Set re = Recipients.item(j) 
If re.ReType = 0 Then 
ReTo = ReTo & re.Name & "&nbsp; (" & re.EMail & ")" & separator 
else 
ReCC = ReTo & re.Name & "gnbsp;(" & re.EMail & ")" & separator 
End If 
Next 
// 对 收 件 人 地 址 和 抄 送 地 址 进行 合并 处 理 ， 因 为 有 的 时 候 在 发 送 邮件 时 可 能 群发 
// 这 些 数 据 存 放 在 Recipients 的 item 数据 组 中 
多 > 
De 
<table width="500" borde 
bgcolor="#FFCCCC" class= 
EX 
<td height="30" colspan="2" class="th">&nbsp;&nbsp;<span Cl1ass="STYLE1"> 
<span class="STYLE2"> 主 题 </span></span><span Class="STYLE2">: </span> 
<span class="STYLE1"> <a href="Mail.asp?id=<%=i%>" target="mainFrame"> 
<%= msg.Subject %></a></span><a href="sendmail.asp?id=<%=i%>" class= 
"STYLE3"> 回 复 邮 件 </a></td> 
<x/tr> 
<tr> 
<td width="17%" height="20" class="STYLE2"> 发 件 人 : </td> 
<td width="83%" class="td"><%= msg.FromName %></td> 
</tr> 
ER 






1" align="center" cellpadding="0" cellspacing="0" 
border"> 
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<td width="17%" 
<td width="83%" 
=WEr= 

<tr> 

<td width="17%" 
<td width="83%" 


height="20" class="STYLE2"> 收 件 人 : </td> 
class="td"><%= ReTO %></td> 


height="20" class="STYLE2"> 抄 送 : </td> 
class="td"><%= ReCC %></td> 


</tr> 
A 
<td height="20" class="STYLE2"> 优 先 级 : </td> 
<td class="td"><% 
if (msg.Priority = 3) then 
Response.Write ("普通 ") 
elseif (msg.Priority = 5) then 
Response.Write ("缓慢 ") 
else 
Response.Write ("紧急 ") 
end if 
多 > 
// 利用 Message 对 象 中 的 Priority 方法 获得 邮件 的 优先 等 级 ， 等 于 1 时 表示 紧急 邮件 ， 
// 等 于 3 时 表示 一 般 的 邮件 ， 等 于 5 时 表示 缓慢 的 邮件 
</td> 
</tr> 
<tr> 
<td width="17%" 
<td width="83%" 


height="20" class="td STYLE2"> 发 送 时 间 : </td> 
class="td"><%= msg.Date %></td> 



































</tr> 
<tr> 
<td height="20" colspan="2" class="STYLE2"> 正 文 : </td> 
CE 
-E> 
<td colspan="2" class="td"><pre> <%= msg.Body %></pre></td> 
</tr> 
</table> 
</body> 
</html> 
< 多 
PJUMail.Disconnect 
// 利用 POP3 对 象 中 的 Disconnect 方法 关闭 与 POP3 服务 器 的 连接 
$> 
11.3.5 ”发 送 邮件 页 面 制作 上 全 
Eal 
发 送 邮 件 页 面 sendmailasp 的 功能 是 用 | 
户 在 本 地 填写 完 邮件 后 ， 单 击 “ 发 送 ” 按 钮 
才能 将 邮件 发 送出 去 。 页 面 设计 效果 如 图 A 
11-28 所 示 。 | 
详细 的 制作 步骤 如 下 : tO WE TO WE O Gl 


Ea 





图 11-28 ”发送 邮件 页 面 设计 效果 图 
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01 在 sendmail.asp 页 面 中 ， 表 单 form1l 的 文本 域 设置 如 表 11-5 所 示 。 








表 11-5 form1 的 文本 域 设置 表 














































意义 文本 域 /按钮 名 称 类 型 

表单 forml 方法 为 POST， 动 作为 Send.asp 

收 件 人 Sendusername 单行 

抄 送 cuo 单行 

密 送 bbcuo 单行 

邮件 主题 subject 单行 

邮件 内 容 content 多 行 

发 件 人 E-mail senderemail 单行 

发 送 优 先 级 Priority 单 选 按钮 ，1 快速 、3 普通 、5 缓慢 








02 当 页 面 是 通过 接收 邮件 再 回复 转 过 来 的 页 面 时 ， 应 该 要 显示 出 收 件 人 和 回复 主题 的 信息 ， 
单 击 “ 收 件 人 ”所 在 单元 格 ， 在 “属性 ”面板 中 设置 初始 值 为 “<% 让 ID < > "" then 
Response.Write(msg.From) end ipb>” 如 图 11-29 所 示 。 














su OR 有 OsiFW OW 美加 无 总 
EGR iD O ”then Response trit| 克 


口 拓 ow 
DR 





图 11-29 设置 收 件 人 的 初始 值 


03 单 击 “ 邮 件 主题 ”所 在 单元 格 ， 在 “属性 ”面板 中 设置 初始 值 为 “<% 让 ID < > "" then 
Response. Write("Re: "&msg.Subject) end ipgp> ”， 如 图 11-30 所 示 。 





字符 宽度 人) 64 RM OR OSFW OND 美加 | 无 ~ 
最 多 字符 数 [TEA 

口 药 用 Q) 

DA 





图 11-30 设置 邮件 主题 的 初始 值 


04 发 件 人 E-mail 只 要 设置 取得 自己 的 邮箱 地 址 就 可 以 ， 在 “发 件 人 ”文本 域 的 “属性 ” 
板 中 设置 初始 值 为 “<%=MailServerUserName%>” 如 图 11-31 所 示 。 

















[半生 字符 宽度 抽 B4 Hl Oh Osi OFNO 类 回 | 无 > 
[enderenail | 最多 字符 数 0 ED) Server User one ] 多 
口 茜 用 @) 
口 R 六 四 








图 11-31 设置 发 件 人 的 初始 值 





05 本 页 面 代码 如 下 : 


<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> 
<!--#include file = "config.asp"--> 
<head> 

<title> 写 邮件 页 面 </title> 
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</head> 
<body> 
< 各 
ID = Trim(Request.OueryString("id")) 
// 从 显示 的 邮件 信息 内 容 页 面 获 得 的 回复 的 邮件 编号 
set PJUMail = Server.CreateObject ("JMail .POP3") 
pJMail.Connect MailServerUserName,MailServerPassWord,POPMailServer 
// 创建 一 个 POP3 对 象 
1f ID<> ** then 
Set msg = pJMail.Messages.item(ID) 
end if 
// 根据 ID 编号 来 判断 是 回复 邮件 还 是 写 邮件 ， 编 号 不 为 空 时 为 回复 邮件 
多 > 
<form action="Send.asp" method="POST" name="froml" id="froml"> 
<table width="600" border="1" align="center" cellpadding="0" 
cellspacing="0" 

bgcolor="#FFCCCC" Class="border"> 

<tr> 

<td class="th" colspan=2 align=left> 写 邮 件 </td> 
</tr> 
<tr class="tdbg"> 
<td align="right" class="td"> 收 件 人 : </td> 





<td class="td"><input name="Sendusername" type="text" class="td" 
id="Sendusername" 
value="<% if ID <> "" then Response.Write (msg.From) end if%>" size="40"> 
// 根据 ID 编号 来 判断 是 回复 邮件 还 是 写 邮 件 ， 编 号 为 空 时 为 写 邮 件 
</td> 
</tr> 


<tr class="tdbg"> 
<td width="16%" align="right" class="td"> 抄 送 : </td> 
<td clas EGR 
<input name="cuo" type="text" class="td" id="cuo" size="40"> </td> 
</tr> 
<tr class="tdbg"> 
<td width="16%" align="right" class="td"> 密 送 : </td> 
<td class="td"> 
<input name="bbcuo" type="text" class="td " id="bbcuo" size="40"> 








</td> 
</tr> 
<tr class="tdbg"> 
<td width="16%" align="right" class="td"> 邮 件 主题 : </td> 
<td class="td"> 
<input name=subject type=text class="td" size=64 value=" 
<% if ID <> "" then Response.Write ("Re: "gmsg.Subject) end if%>"> 
</td> 
</tr> 
<tr class="tdbg"> 
<td width="16%" align="right" class="td"> 邮 件 内 容 : </td> 
<td class="td"> 
<textarea name="content" cols=60 rows=8 class="td"></textarea> </td> 
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<AEr> 

<tr class="tdbg"> 
<td widti 16%" align="right" class="td"> 发 件 人 Email1: </td> 
<td class="td"> 


<input name="senderemail" type="text" class="td" 
value="<%=MailServerUserName%>" 
size="64" /> 

// 设置 了 一 个 名 为 senderemail 的 文本 框 ， 用 来 输入 发 送 者 的 E-mail 地 址 
</td> 

/zs 

<tr class="tdbg"> 
"16%" align="right" class="td"> 发 送 优 先 级 : </td> 





<input type="radio" name="Priority" value="1"> 
快速 
<input type="radio" name="Priority" value="3" checked> 
普通 
<input type="radio" name="Priority" value="5"> 
缓慢 </td> 
</tr> 
<tr class="tdbg"> 
<td colspan=2 align=center><input name="Submit" type="submit" 
class="td" 
id="Submit" 
value=" 发 送 "> 
&nbsp; 
<input name="Reset" type="reset" class="td" id="Reset2" value=" 取 消 
加 > </td> 
</tr> 
</table> 
</form> 
</body> 
</html> 
< 多 
PJUMail.Disconnect 
多 > 
// 利用 POP3 对 象 中 的 Disconnect 方法 关闭 与 POP3 服务 器 的 连接 


06 当 单 击 “ 发 送 ”按钮 开始 发 送 邮件 时 将 数据 提交 到 send.asp 文件 中 进行 处 理 。send.asp 将 
接收 这 些 数 据 ， 然 后 利用 JMail 的 Message 对 象 将 邮件 发 送出 去 。 


send.asp 页 面 中 的 核心 代码 如 下 : 


<% 


























Sendername=Trim(Request.Form("sendername")) 
Senderemail=Trim (Request .Form ("senderemail")) 
Subject=Trim (Request.Form("Subject")) 
Content=Trim (Request.Form("Content")) 
Priority=Trim(Request .Form ("Priority")) 

cuo = Trim(Request.Form("cuo")) 

Sendusername = Trim(Request.Form("Sendusername")) 
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bbcuo = Trim(Request.Form("bbcuo")) 
// 从 发 送 邮件 页 面 中 获得 页 面 表单 提交 的 数据 
if Priority="" then 
Priority=3 
end if 
Set message=Server.CreateObject ("JMail.Message") 
// 创 建 了 一 个 名 为 message 的 JMail .Message 对 象 
message.silent=true 
message.1ogging=true 
message .Charset="GB2312" 
message.ContentType="text/plain" 
message.MailServerUserName = MailServerUserName 
message.MailServerPassWord = MailServerPassWord 
message.AddRecipient SendTo 
TF CG .<> hen 
message.AddRecipientCC CC 
end if 
Lf BOC > hen 
message.AddRecipientBCC BCC 
end if 
message.Subject=Subject 
message.Body=Content 
message.FromName=Sendername 
message.From = Sendermail 
message.Priority=Priority 
// 对 要 发 送 的 邮件 信息 内 容 进行 设置 
ErrorMessage = message.Send(SMTPMailServer) 
// 利用 Message 对 象 的 Send 方法 来 发 送 邮 件 ， 该 方法 有 一 个 SMTP 邮件 服务 器 ， 将 发 送 的 邮件 的 
// 返回 值 赋值 给 一 个 名 为 ErrorMessage 的 变量 进行 判断 
message.Close 
Set message=nothing 
if ErrorMessage = True Then 


response.write "<p align = 'center'><font color = red> 成 功 发 送 邮 件 ! 
</font> </p>" 
else 
response.write "<p align = 'center'><font align = 'center'> 发 送 邮 件 
失败 ! </font></p>" 
end if 
// 如 果 ErrorMessage 等 于 Ture 就 表示 邮件 发 送 成 功 ， 如果 ErrorMessage 等 于 False 就 表示 
// 邮件 发 送 失败 


多 > 


11.4 _ ASP 邮件 收发 系统 功能 测试 
ASP 邮 件 收发 系统 开发 后 需要 进行 测试 。 在 测试 中 使 用 163 邮箱 进行 关联 ， 其 中 POP3 服 


务 器 地 址 为 pop.163.com、SMTP 服 务 器 地 址 为 smtp.163.com。 首 先 打 开 主 页 面 index.asp， 如 图 
11-32 所 示 。 
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配置 邮箱 
”STF 服务 器 地 址 : 

POP3 服 务 器 地 址 : 

电子 地精 用 户 名 : 


smtp. 163. com 








pop. 163. com 








hy2008s@163. com 


电子 邮 业 密码: [ER 











图 11-32 打开 的 主页 面 效果 图 
01 当 另 外 设置 邮箱 服务 器 地 址 和 用 户 名 信息 后 单 击 “ 保 存 ” 按 钮 ， 页 面 将 提交 的 表单 传送 
到 Preservation.asp 页 面 进行 处 理 ， 如 果 信 息 正 确 就 提示 保存 成 功 的 信息 。 
02 单 击 文字 “ 收 邮件 >， 打开 recmail.asp 页 面 ， 效 果 如 图 11-33 所 示 。 





邮件 信息 列表 
您 有 1! 封 邮件 
编号 发 件 人 主题 发 送 时 间 
1 linufang 测试 TIATL 2016-6-4 下 午 02:27:34 


图 11-33 ” 收 邮 件 页 面 效果 图 
03 单 击 其 中 的 发 件 人 或 主题 信息 进入 邮件 的 详细 信息 页 面 mailasp， 如 图 11-34 所 示 。 


主题 : 测试 JIAIL 回复 邮件 
发 件 人 :; limufang 
收 件 人 : (hy2008s8163. con) 
秒 送 : 
优先 级 : 普通 
发 送 时 间 : 2016-6-4 下 年 02:27:34 
正文 : 

测试 JWAIL 测 试 JUAIL 测 试 了 AIL 出 试 了 AIL 


图 11-34 邮件 详细 信息 页 面 效果 
04 单 击 文字 “回复 邮件 ”打开 sendmail.asp 页 面 , 并 在 表单 中 填写 回复 信息 ,如 图 11-35 所 示 。 





收 件 人 : [linufang@163. con i 
朱 适 : |linufang@163. con | 





入: [1inufane@163. con 1 
邮件 主题 : [Re: 测试 JIAIL a 
测试 回复 JIAIL， 测 试 回复 JIAIL， 测 试 回复 JIAIL | 








邮件 内 容 : 








| 发 件 人 Email : [hy2008s@163. com 
发 尖 惰 先 绩 : 〇 快 谋 管 于 〇 加 但 
图 11-35 填写 回复 邮件 信息 


05 单 击 “ 发 送 ”按钮 开始 发 送 邮件 ， 如 果 发 送 成 功 将 提示 发 送 成 功 的 信息 ， 现 在 可 以 打开 
limufang@163.com 进行 查看 ， 如 图 11-36 所 示 ， 表 示 成 功 发 送 了 邮件 。 
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hyaaoos RENAIL 2016 0611 1.55k 
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图 11-36 成功 发 送 邮件 


到 这 里 一 个 简单 的 ASP 邮 件 收发 系统 就 开发 完毕 , 读者 可 以 根据 自己 的 设计 需要 ,增加 文 
本 域 ， 并 进一步 美化 ， 以 开发 出 更 加 完善 的 邮件 收发 系统 。 





第 12 章 网 上 购物 系统 开发 


本 章 介绍 一 个 大 型 网 上 购物 系统 的 建设 实例 。 网 上 购物 系统 是 由 专业 网 络 技术 公司 开发 ， 
拥有 产品 发 布 功能 、 订单 处 理 功能 、 购物 车 功能 等 组 合 而 成 的 复杂 动态 系统 。 它 拥有 会 员 系 统 、 
查询 系统 、 购 物流 程 、 会 员 服务 、 后 台 管 理 等 功能 模块 。 网 站 所 有 者 登录 后 台 管理 即 可 进行 商 
品 维护 和 订单 管理 。 从 技术 角度 来 说 主要 是 通过 购物 车 实现 电子 商务 功能 。 

本 章 要 制作 38 个 网 页 ， 在 这 里 就 不 制作 系统 的 结构 图 了 ,在 12.1 节 中 将 会 重点 介绍 购物 
系统 的 整体 结构 。 


本 章 重要 知识 点 >>>>>>>>>> 


。 网 上 购物 系统 的 功能 分 析 与 模块 设计 
e 网 上 购物 系统 数据 库 的 设计 搭建 

e 购物 车 首页 的 设计 

e 商品 相关 动态 页 面 设计 

bd 

bd 








商品 结算 功能 设计 
订单 查询 功能 设计 


12.1 网 上 购物 系统 分 析 与 设计 


网 上 购物 系统 是 一 个 比较 庞大 的 系统 ， 拥 有 会 员 系 统 、 查 询 系统 、 购 物流 程 、 会 员 服务 、 
后 台 管理 等 功能 模块 。 为 了 能 系统 化 地 介绍 网 上 购物 系统 的 建设 过 程 , 本 章 将 以 开发 北京 龙腾 
网 上 购物 网 站 的 建设 过 程 为 例 来 详细 介绍 购物 系统 的 开发 方法 。 


12.1.1 系统 分 析 


商务 实用 型 网 站 是 在 网 络 上 建立 一 个 虚拟 的 购物 商场 ， 让 访问 者 在 网 络 上 实现 购物 的 功 
能 。 网 上 购物 以 及 网 上 商店 的 出 现 , 避免 了 挑选 商品 的 烦琐 过 程 , 让 人 们 的 购物 过 程 变 得 轻松 、 
快捷 、 方 便 。 本 实例 的 首页 如 图 12-1 所 示 。 

对 于 该 网 站 的 功能 说 明 如 下 。 

e 采取 会 员 制 保证 交易 的 安全 性 。 

e 开发 了 强大 的 搜索 查询 功能 ， 能 够 快捷 地 找到 相应 的 商品 。 

e 会 员 购物 流程 : 浏览 商品 、 将 商品 放 入 购物 车 、 去 收银 全 结账 。 每 个 会 员 都 有 自己 
专用 的 购物 车 ， 可 随时 订购 自己 中 意 的 商品 ， 然 后 结账 完成 购物 。 购 物 的 流程 是 指 
导购 物 车 系统 程序 编写 的 主要 依据 。 

e 完善 的 会 员 服务 功能 : 可 随时 查看 账目 明细 、 订 单 明细 。 
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e 设计 特价 商品 展示 ， 能 够 显示 企业 近期 所 促销 的 特价 商品 。 
e 后 台 管理 使 用 本 地 数据 库 ， 保 证 购物 订单 的 安全 ， 能 及 时 有 效 地 处 理 强大 的 统计 分 
析 功 能 ， 便 于 管理 者 及 时 了 解 财务 状况 、 销 售 状况 。 





























图 12-1 开发 设计 的 网 上 购物 系统 首页 效果 图 


12.1.2 ”模块 分 析 
通过 对 系统 功能 的 分 析 ， 得 到 网 站 的 网 上 购物 系统 主要 由 如 下 功能 模块 组 成 。 


(1) 前 台 网 上 销售 模块 ， 指 客户 在 浏览 器 中 所 看 到 的 直接 与 店主 面对面 的 销售 程序 ， 包 
括 浏 览 商品 、 订 购 商 品 、 查 询 订 购 、 购 物 车 等 功能 。 

(2) 后 台数 据 录入 模块 : 前 台所 销售 商品 的 所 有 数据 ， 其 来 源 都 是 后 台所 录入 的 数据 。 

(3) 后 台数 据 处 理 功 能 模块 : 是 相对 于 前 台 网 上 销售 模块 而 言 的， 网 上 销售 的 数据 都 放 
在 销售 数据 库 中 ， 对 这 部 分 的 数据 进行 处 理 是 后 台数 据 处 理 模块 的 功能 。 

(4) 用 户 注册 功能 模块 : 用 户 当然 并 不 一 定 立 即 就 要 买 东西 ， 可 以 先 注 册 ， 任 何 时 候 都 
可 以 来 买 东西 , 用 户 注册 的 好 处 在 于 买 完 东 西 后 无 须 再 输入 一 大 堆 个 人 信息 , 只 要 输入 账号 和 
密码 就 可 以 了 。 

(5) 订单 号 模块 : 客户 购买 完 商 品 后 ， 系 统 自动 分 配 一 个 购物 号 码 给 客户 ， 以 方便 客户 
随时 查询 账单 处 理 情 况 ， 了 解 现在 货物 的 状态 。 

(6) 促销 价 模块 : 当 有 促销 价 时 ， 结 算 将 以 促销 价 为 准 ; 没有 促销 价 ， 则 以 正常 的 价格 
为 准 。 客 户 能 得 到 详细 的 信息 ， 真 正 做 到 处 处 为 顾客 着 想 。 


12.1.3 ”设计 规划 
在 制作 网 站 之 前 首先 要 把 设计 好 的 网 站 内 容 放置 在 本 地 计算 机 的 硬盘 上 ， 为 了 方便 站 点 的 
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设计 及 上 传 ， 设 计 好 的 网 页 都 应 存储 在 同一 个 目录 下 ， 再 用 合理 的 文件 夹 来 管理 文档 。 在 本 地 站 
点 中 应 该 用 文件 夹 来 合理 构建 文档 的 结构 。 首 先 为 站 点 创建 一 个 主要 文件 夹 ， 然 后 在 其 中 再 创建 
多 个 子 文件 夹 ， 最 后 将 文档 分 类 存储 到 相应 的 文件 夹 下。 将 要 设计 文件 的 结构 如 图 12-2 所 示 。 
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图 12-2 网 站 文件 结构 
从 站 点 规划 的 文件 夹 及 完成 的 页 面 出 发 ， 对 需要 设计 的 页 面 功 能 分 析 如 下 。 
(1) 站 点 文件 夹 下 的 4 个 文件 及 功能 。 


e index.asp: 用 于 实现 购物 系统 首页 的 页 面 。 

econfig.asp: 被 相关 的 动态 页 面 调 用 ， 用 来 实现 数据 库 连 接 。 

eleft_menu.asp: 首页 左边 是 会 员 系 统 及 购物 搜索 功能 组 成 的 动态 页 面 。 单 独 制作 也 是 
为 了 方便 其 他 动态 页 面 的 调用 。 

e main menu.asp: 网 站 的 导航 条 ， 对 于 一 个 企业 的 网 站 来 说 ， 由 于 经 常 要 修改 栏目 ， 
网 站 页 面 很 多 ， 不 可 能 每 一 个 页 面 都 进行 修改 ， 所 以 用 ASP 语言 建立 一 个 单独 的 页 
面 ， 通 过 调用 同一 个 页 面 实现 导航 条 的 制作 ， 这 样 修改 起 来 很 方便 。 


(2) about_us 文 件 夹 放置 关于 企业 介绍 的 一 些 内 容 ， 页 面 只 有 一 个 一 一 about_us.asp。 
(3 ) admin 文 件 夹 放置 的 是 关于 整个 网 站 的 后 台 管 理 文件 内 容 ， 包 含 了 news_admin 、 
order_admin 和 product_admin 这 3 个 子 文件 夹 。 此 模块 是 购物 系统 中 的 难点 和 重点 。 


。 news_admin 文件 夹 是 放置 后 台新 闻 管理 的 页 面 , 这 在 第 6 章 已 经 介绍 过 具体 的 制作 ， 


这 里 就 不 再 介绍 。 
e order admin 文件 夹 是 放置 后 台 订 单 处 理 的 一 些 动态 页 面 。 其 中 分 别 放置 了 如 下 5 个 
动态 页 面 。 


del_order.asp: 删除 订单 。 

mark order.asp: 标记 已 处 理 订单 。 

order list.asp: 后 台 客户 订单 列表 。 

order list mark0.asp: 未 处 理 客户 订单 列表 。 
order list markl.asp: 已 处 理 客户 订单 列表 。 


wv YY YY 


»342， 
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eproduct admin 文件 夹 用 来 放置 商品 管理 的 页 面 ， 主 要 包括 了 以 下 9 个 动态 页 面 ， 这 
是 购物 的 重点 和 难点 ， 涉 及 上 传 图 片 等 高 难度 编程 操作 。 
> ”del_product.asp: 删除 商品 页 面 。 
insert_product.asp: 插入 商品 页 面 。 
product add.asp: 添加 商品 信息 页 面 。 
product list.asp: 后 台 管理 商品 列表 。 
product_modify.asp: 更 新 商品 信息 页 面 。 
update_product.asp: 建立 上 传 命令 动态 页 面 。 
upfile.asp: 上 传 文件 测试 动态 页 面 。 
upfile.htm: 上 传 图 片 文 件 测试 静态 页 面 。 
upload 5xsoft.inc: 上 传 文件 ASP 命 令 模板 。 
check_admin.asp: 用 于 判断 后 台 登 录 管 理 员 身份 确认 动态 文件 。 


(4) client 文 件 夹 用 来 放置 客户 中 心 的 内 容 页 面 ， 也 只 有 一 页 一 一 client.asp， 制 作 与 购物 
相关 的 一 些 说 明 。 

(5) images 文 件 夹 用 来 放置 网 站 建设 的 相关 图 片 。 

(6) incoming_img 文 件 夹 用 来 放置 商品 的 图 片 。 

(7) mdb 文 件 夹 用 来 放置 网 站 的 Access 数 据 库 ， 所 有 的 购物 信息 及 数据 全 放 在 这 里 。 

(8) member 文 件 夹 是 放置 网 站 会 员 的 一 些 相关 页 面 ， 主 要 包括 以 下 动态 页 面 。 


login.asp: 注册 登录 页 面 。 

logout.asp: 注册 失败 页 面 。 

registe.asp: 填写 注册 信息 的 页 面 。 
registe_know.asp: 注册 须知 说 明 页 面 。 


(9) news 文 件 夹 用 来 放置 网 站 新 闻 中 心 的 动态 页 面 ， 主 要 包括 如 下 动态 页 面 。 


e news_content.asp: 新 闻 细 节 页 面 。 
e news_list.asp: 显示 所 有 新 闻 列表 页 面 。 


〈10) order search 文 件 夹 用 来 放置 用 户 订单 查询 的 动态 页 面 ， 主 要 包括 以 下 两 个 动态 页 面 。 


e@ order search.asp: 用 户 订单 查询 输入 页 面 。 
”your_order.asp: 用 户 订单 查询 结果 页 面 。 


(11) product 文 件 夹 用 来 放置 与 销售 商品 相关 的 页 面 ， 主 要 包括 如 下 3 个 动态 页 面 。 


e all_listasp: 所 有 商品 罗列 页 面 。 

e@ product.asp: 商品 细节 页 面 。 

e@ search result.asp: 商品 搜索 结果 页 面 。 
(12 ) service 文 件 夹 用 来 放置 售后 服务 的 一 些 说 明 页 面 , 主要 有 一 个 说 明 页 面 一 一 service.asp。 
(13) shop 文 件 夹 主要 用 来 放置 结算 的 一 些 动 态 页 面 ， 主 要 包括 如 下 页 面 。 


e。 add2bag.asp: 统计 订单 商品 数量 的 动态 页 面 。 


VvVvYV vvVvv vyvyv 
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clear_bag.asp: 清除 订单 信息 的 页 面 。 

order.asp: 订单 确认 信息 页 面 。 

order_sure.asp: 订单 最 后 确认 页 面 。 

shop.asp: 订单 用 户 信 息 确认 页 面 。 
(14) style 文 件 夹 用 来 放置 页 面 的 CSS 文 件 ， 只 有 一 个 文件 
属性 的 CSS 样 式 文件 。 

从 上 面 的 分 析 可 得 出 该 网 站 总 共 由 38 个 页 面 组 成 ， 涉 及 动态 网 站 建设 所 有 的 功能 设计 。 

其 中 的 用 户 注册 系统 、 新 闻 系 统 已 经 在 前 面 的 章节 中 介绍 过 , 本 章 重 点 介绍 网 上 购物 系统 相关 
页 面 的 分 析 与 设计 。 





index.css， 用 来 控制 页 面 








12.2 数据 库 设计 


网 上 购物 系统 的 数据 库 是 比较 庞大 的 , 在 设计 的 时 候 需要 从 使 用 功能 模块 入 手 , 分 别 创建 
不 同名 称 的 数据 表 , 命名 的 时 候 也 要 与 使 用 的 功能 命名 相配 合 , 以 便 后 面相 关 页 面 制 作 时 的 调 
用 。 本 节 将 要 完成 的 数据 库 命名 为 DBwebshop.mdb， 在 数据 库 中 建立 7 个 不 同 的 数据 表 ， 如 图 
12-3 所 示 。 
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pe my F 外 下 » I Se 面 -| A 章宗 4 简 
= | 了 让. 国 才 | 约 =-| 下 3 i 
el em A ee ee ED | te 
一 一 一 一 一 一 一 一 1 视图 | 页 贴 板 下 | 排序 和 沪 迁 记录 童 找 富 口 中 文 简 每 转 撞 
1 上 互 
| 4 7 要 加 < 
建交 | 国 产品 于 
1 个 数据 表 1 国产 品 主 % 中 
上 


国产 品 了 关 别 
国 订 间 和 

















图 12-3 ”建立 的 数据 库 


(1) 产品 表 ， 是 存储 商品 的 相关 信息 表 ， 设 计 的 商品 数据 表 如 图 12-4 所 示 。 具 体 字 段 的 
说 明 如 表 12-1 所 示 。 
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文本 
备注 











和 和 蚊 可 到 而 个 字 入 (后 隐 )， 按 








图 12-4 商品 数据 表 
表 12-1 产品 数据 设计 表 



































字段 名 称 允许 空 字符 串 | 说 明 
商品 ID mm mm | 
商品 名 称 [x | |* 否 
商品 编码 | 广 |zs5 | 是 
条 码 | 六 本 |25 | 是 
零售 价 | 六 本 |25 | 是 
产地 [x 本 |25 | 是 
单位 |X 本 |25 | 是 
规格 [xX |:ss5 | 是 
商品 图 片 [xX |s | 是 
了 类 别 ID | 是 
根 类 别 ID 文本 50 是 
和 和 。 0 表示 缺 货 ，1 
在 架 状 态 文本 50 是 表示 在 扣 
主页 推荐 50 否 是 1 表示 推荐 
商品 说 明 否 是 
(2) 产品 主 类 别 表 , 是 把 商品 进行 分 类 后 的 一 级 类 别 表 ， 主 要 设计 了 “ 主 类 别 ID” 和 “ 主 
类 别名 称 ” 两 个 字段 名 称 ， 企 业 可 以 根据 需要 展示 的 商品 种 类 在 数据 表 中 加 入 商品 的 类 别 ， 如 
图 12-5 所 示 。 
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1 1 Ee i 
a 1 1 L Ez 可 
国产 3 晶 上 

FE 类 别名 称 ”字段 1 攻 
» BEI 1 ee ee i tn i i s 
主 类 别名 称 文本 # 
人 
RM 3 
字 良 大 小 50 习 | 当 
| 天 
输入 天王 
标 | E] 
Ee 问 





了 名 计生 长 可 到 64 个 字 祁 ( 包 活 人 入 按 

















二 区 有 锣 可 二 帮 有 关 字 全 人 全 的 和 
元 主 字符 理 站 
大 重 司 ) ey] 
Unicode ER 至 一 
答 入 法 模式 天 = 
纺 入 法 模式 。。 无 转 比 
自 加 





PTE TFT DD 3 











图 12-5 建立 的 商品 主 类 别 表 
(3) 产品 子 类 别 表 ， 是 把 商品 进行 分 类 后 的 二 级 类 别 表 ， 主 要 设计 “ 子 类 别 ID”“ 子 类 
别名 称 ” 及 “ 主 类 别 ID”3 个 字段 名 称 ， 根 据 需要 展示 的 详细 商品 种 类 在 数据 表 中 加 入 商品 的 
名 称 ， 如 图 12-6 所 示 。 





回 产品 了 关 蝇 
字段 帮 称 
La 


子 赤 别名 入 文本 
主 类 别 ID 文本 


EE E70 
1 


定性 


字 职 名将 最 可 到 54 个 字 答 自 基 空 痪 . 按 
用 钙 可 二 看 有 关 闻 良 名 3 帮 对 。 


攻 
Unicode 压 
ER 

给 入 法 洛 句 模式 
i 




















图 12-6 建立 的 商品 子 类 别 表 


(4) 订单 表 ， 是 存储 网 上 用 户 订购 的 相关 信息 表 ， 设 计 的 商品 数据 表 如 图 12-7 所 示 。 各 
字段 的 具体 说 明 如 表 12-2 所 示 。 

















表 12-2 订单 数据 设计 表 

字段 名 称 数据 类 型 字段 大 小 ”| 必 填 字 段 ” 允许 空 字符 串 说 明 

订单 序列 号 。 | 自动 编号 长 整 型 
生成 一 个 随机 数 

订单 ID 文本 50 是 否 来 表示 同一 批 的 
订单 

用 户 名 文本 50 是 天 

订单 日 其 文本 50 否 是 J 
2004 年 6 月 8 号 

















网 上 购物 系统 开发 第 12 党 






































( 续 表 ) 
字段 名 称 数据 类 型 字段 大 小 | 必 填 字段 。 | 允许 空 字符 串 | 说明 
1 表示 已 处 理 ，0 
是. 不 卜 vy RE 上 日 . 
是 否 处 理 文本 50 否 是 表示 未 处 理 
收 货 人 文本 
送 货 地 址 文本 
联系 电话 文本 
手机 文本 
电子 邮件 文本 
言 文本 
IE 本 两 一 
1 用 于 储存 用 全 3 生成 一 个 落 机 数 来 表示 同一 批 的 订单 
| 户 订购 信息 
! 的 字段 和 人 到 四 
4 一 一 一 一 一 一 一 一 一 系 电 话 文本 
机 文本 
电子 邮件 文本 
言 文本 = 
了 各 硬性 
bd 
字段 大 小 长 要 于 
于 全 3 
加 一 一 aa 








图 12-7 订单 数据 表 


(5) 订单 产品 表 ， 是 记录 用 户 在 网 上 订购 的 商品 信息 表 ， 用 于 用 户 在 线 查询 订单 ， 主 要 设 
计 了 “订单 产品 ID”“ 订 单 ID”“ 产 品 ID” 及 “订购 数量 ”4 个 字段 名 称 ， 如 图 12-8 所 示 。 


加 II#r cm 








EE ”区 并 EB] = | = i 
” ES Ra 订单 产品 IT - ”订单 ID -产品 ID 。 订购 数量 | 学 闪 以 解 如 - 
攻 20040815283 1 1 
1 
1 
1 
# 
[ 1 第 1 页 共 4 两 ，W 人 | 乐天 二 二 | 搜索 

















图 12-8 建立 的 订单 产品 


(6) 新 闻 表 ， 是 存储 新 闻 用 的 数据 表 ， 主 要 设计 了 “新 闻 ID”“ 新 闻 标 题 ”“ 新 闻 出 处 ” 
“新 闻 内 容 ”“ 新 闻 图 片 ”及 “新 闻 日 期 ”6 个 字段 名 称 ， 如 图 12-9 所 示 。 
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(7) 用 户 表 ， 是 存储 注册 用 户 的 数据 表 ， 主 要 设计 了 “用 户 ID”“ 用 户 名 ”“ 密 码 ”“ 真 
实 姓名 ”“ 性 别 ”“ 电 话 ”“ 手 机 ”“ 电 子 邮 件 ”“ 住 址 ”“ 说 明 ” 及 “属性 ”11 个 字段 名 
称 ， 如 图 12-10 所 示 。 











日 ar> om 
5 EE 到 
”Es 自动 消 引 
[E 六 
ED 本 
3 六 本 
人 天 文本 
电话 文本 
手机 文本 
电子 部分 六 本 
他 地 了 本 
二 加 本 
大 性 文 二 
EE 
be | 
ry 
3 Rs 
四 
EE 
四 sR 
用 果林 关 示众 名 生生 天， 一 一 人 
Te 3 hh WER TRG 























图 12-9 建立 的 新 闻 表 图 12-10 建立 的 用 户 表 
上 面 设计 的 数据 表 可 以 应 用 于 较 庞大 的 网 上 购物 系统 。 


12.3 首页 的 设计 


首先 分 析 设 计 网 上 购物 系统 下 站 点 文件 夹 下 的 4 个 文件 。 对 于 一 个 购物 系统 来 说 , 它 需要 
一 个 主页 面 来 让 用 户 进行 注册 、 搜 索 需要 采购 的 商品 、 网 上 浏览 商品 等 操作 。 首 页 index.asp 
主要 由 config.asp、left_menu.asp、main_menu.asp 这 3 个 嵌 套 的 页 面 组 合 而 成 ， 所 以 在 设计 之 


前 先 要 完成 这 3 个 页 面 的 制作 。 
12.3.1 数据 库 连 接 


用 ASP 开 发 的 网 站 ， 习 惯 上 通过 config.asp 页 面 来 实现 网 站 数据 库 的 连接 。 页 面 比较 简单 ， 
就 是 设置 数据 库 连 接 的 基本 命令 ， 如 图 12-11 所 示 。 


二 bp 用户 录 Documents\ 二 :2 站 点 shop\config asp 


h("/mdb/DBwebshop. ndb”)+ 
crosoft Access Driver (*.ndb)}:” 
ject (“ADODB. CONNECTION") 
conn. open cormstr 
> 





图 12-11 设置 数据 库 连接 的 基本 命令 
本 连接 的 程序 说 明 如 下 : 


<%Q@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> 


<% 
// 以 下 为 数据 库 连接 代码 
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connstr="DBQ="+server .mappath ("/mdb/DBwebshop.mdb")+"; 
// 设 置 DBQ 服务 器 物理 路 径 

DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};" 
// 定 义 为 Access 数据 库 

set conn=server.createobject ("ADODB .CONNECTION") 

// 设 置 为 RDODB 连接 

conn .open connstr 

// 打 开 数 据 库 

多 > 


12.3.2 ”注册 及 搜索 功能 的 制作 


网 上 购物 系统 需要 有 一 个 购物 流程 来 引导 用 户 在 网 上 实现 订购 ,一 般 都 是 通过 用 户 自身 的 
登录 、 浏 览 、 订 购 、 结 算 的 流程 来 实现 网 上 购物 的 ， 同 时 需要 加 入 搜索 功能 ， 以 方便 用 户 在 网 
上 直接 进行 搜索 订购 ， 所 以 在 首页 的 左边 栏 需要 建立 用 户 登 录 
系统 、 购 物 车 及 搜索 功能 。 LEE 

由 功能 出 发 分 别 设计 各 功能 模块 。 


01 首先 分 析 核心 部 分 一 一 购物 车 系统 ， 该 功能 模块 完成 后 
如 图 12-12 所 示 。 该 购物 车 系统 主要 有 实现 写 入 用 户 名 、 统 计 购物 
车 的 商品 、 统 计 商 品 总 价值 、 清 空 购物 车 、 连 接 到 结算 功能 页 面 


这 几 个 小 功能 。 图 12-12 完成 的 购物 车 系统 
02 此 段 程序 代码 如 下 : 


<table width="80%" border="0" cellspacing="0" cellpadding="2"> 
<tr> 
<td><font color="#FF3300"> 

<% 

if session("user")<>"" then 

response.Write (session("user")) 

else 

response.Write ("游客 ") 

end if 

多 > 

// 这 段 程序 的 意思 是 如 果 用 户 登 录 了 则 显示 用 户 名 ， 如 果 没 有 登录 则 显示 游客 
</font><font color="1R3D05">， 欢 迎 你 ! </font></td> 
</tr> 
<tr> 
<td><font color="1A3D05"> 购 物 车 中 共有 <font color="#FF3300"> 

多 
if session("all number")="" then 
多 > 
0 
< 多 
else 
多 > 
<%=session("all number")%> 
< 各 
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03 购物 车 系统 的 下 面 是 用 户 注册 与 登录 系统 ， 该 系统 在 前 面 的 章节 已 经 具体 地 介绍 过 ， 这 
里 就 不 再 介绍 ， 完 成 的 最 终 效果 如 图 12-13 所 示 。 
04 搜索 功能 的 设计 与 制作 主要 是 通过 SQL 的 查询 语句 来 实现 的 , 完成 的 搜索 模块 如 图 12-14 所 示 。 
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查询 的 功 


< 多 





图 12-13 会 员 系统 图 12-14 ”商品 搜索 功能 模块 


能 代码 幅 套 在 单独 的 一 个 表单 FromSearch 之 间 ， 命 令 如 下 : 


set rs_ class=server.createobject ("adodb.recordset" 
sql="select * from 商品 主 类 别 order by 主 类 别 ID" 
rs_class.open sql,conn,1,l1 


$> 


// 建 立 SQL 查询 语句 ， 通 过 商品 主 类 别 及 主 类 别 ID 来 查询 商品 数据 库 
<table width="84%" border="0" cellspacing="0" cellpadding="3"> 
<form name="FromSearch" method="post" action="product/search result.asp" 


onSubmit= 
"nobuen 


check()"> 


// 提 交 后 由 search_result .asp 页 面 显示 搜索 效果 


<tr> 


<td><img src="/images/Spacer.gif" width="1" height="6"></td> 


</tr> 
<tr> 


<td><font color="#FFFFFF"> 关键 词 : </font> </td> 


</tr> 
EYE 


<td><input name="search key" type="text" class="inputl" size="26"> 


// 设 置 搜索 关键 词 文 本 域 


</td> 
</tr> 
< 


<td><font color="#FFFFFF"> 类 别 : </font></td> 
</tr> 


<tr> 
<td> 


<select name="search class" class="inputl"> 
<option value="" selected>----- 所 有 商品 类 别 ----- </option> 
<%for i=1 to rs_class.RecordCount-1%> 
<option value="<%=rs_class (" 主 类 别 ID")%>"><%=rs_class 

(" 主 类 别名 称 ") %$></option> 


< 各 


if rs class.eof then 
exit for 

end if 
rs_class.movenext 
next 


rs_class.MoveFirst ' 把 记录 集 游标 移 到 第 一 条 记录 
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多 > 
</select> 
// 通 过 商品 主 类 别 ID 和 主 类 别名 称 进行 分 类 查询 。 
</td> 
</tr> 
tr valign="middle"> 
<td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td><input name="imageField2" type="image" src= 
"/images/index search bt.gif" 
width="57" height="21" border="0"></td> 
</tr> 
</table></td> 
</tr> 
<tr> 
<td><img src="/images/Spacer.gif" width="1" height="6"></td> 
</tr> 
</form> 


05 该 页 面 上 还 有 一 些 关 于 商品 如 何 购买 及 订购 热线 的 信息 ， 设 计 效 果 如 图 12-15 所 示 。 


? 如 何 购买 





图 12-15 采购 说 明 
12.3.3 “导航 条 
这 里 将 用 ASP 语 言 建 立 导航 条 ， 完 成 的 命令 如 下 : 


<% 

if session("user prop")="admin" then 

main menu="<a href=''> 首 页 </a> | 

<a href='/product/all_1list.asp'> 采 购 中 心 </a> | 

<a href='/about_us/about_us.asp'> 关 于 我 们 </a> | 

<a href='/news/news_list.asp'> 新 闻 中 心 </a> | 

<a href='/client/client.asp'> 客 服 中 心 </a> | 

<a href='/service/service.asp' > 服务 条 款 </a> | 

<a href='/order_search/order_search.asp'> 订 单 查询 </a> | 
<a href='/admin/news_admin/news_add.asp'> 网 站 管理 </a>" 
// 如 果 登 录用 户 是 admin 则 显示 的 是 导航 内 容 

else // 否 则 导航 条 显示 如 下 内 容 
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main menu="<a href=' "> 首页 </a> j 

<a href='/product/all 1l1ist.asp'> 采 购 中 心 </a> |} 

<a href='/about _us/about_us.asp'> 关 于 我 们 </a> | 

<a href='/news/news_list.asp'> 新 闻 中 心 </a> | 

<a href='/client/client.asp'> 客 服 中 心 </a> | 

<a href='/service/service.asp' > 服务 条 款 </a> | 

<a href='/order_search/order_search.asp'> 订 单 查询 </a>" 
end if 

$> 


这 个 页 面 设置 了 导航 条 的 内 容 及 链接 情况 ， 并 进行 了 一 个 条 件 选 择 ， 根 据 判 断 进行 显示 ， 
如 果 登 录 者 是 admin 则 显示 “网 站 管理 ”功能 链接 ， 方 便 管理 者 进入 后 台 管 理 ， 如 果 不 是 后 台 
管理 者 则 显示 正常 的 导航 链接 。 


12.3.4 首页 的 制作 


index.asp 用 于 实现 网 上 购物 系统 首页 的 页 面 , 是 用 户 在 下 地 址 栏 输 入 购物 网 站 地 址 后 直接 
可 以 打开 的 页 面 。 也 有 些 企业 制作 了 网 站 篇 头 动画 ， 就 是 用 Flash 开 发 的 一 段 动画 。 对 于 网 上 
购物 系统 来 说 ， 为 了 提高 访问 速度 ， 一 般 不 建议 使 用 Flash 动 画 

首页 的 设计 如 下 : 

01 把 下 载 资 源 中 的 素材 shop 文件 夹 下 的 网 上 购物 系统 复制 到 本 地 计算 机 硬盘 上 ， 按 照 前 
面 所 学 的 知识 创建 本 地 站 点 Web， 并 设置 浏览 主页 面 。 
02 双击 “文件 ”面板 中 的 index.asp 页 面 ， 打 开 的 页 面 效 果 如 图 12-16 所 示 。 
03 该 页 面 的 代码 比较 长 ， 这 里 把 其 中 实现 功能 较为 重要 的 ASP 命令 列 出 说 明 。 在 导航 条 
调 入 如 图 12-17 所 示 的 地 方 加 入 ASP 命令 : 





















































<%=main menu%> 
// 调 用 main_menu.asp 























转盘 外 


图 12-16 设计 好 的 index.asp 页 面 图 12-17 导航 条 调 入 位 置 
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04 左边 的 内 容 和 left_ menu.asp 页 面 功 能 是 一 样 的 ， 这 里 不 再 介绍 ， 中 间 由 新 闻 系 统 和 特价 
商品 及 商品 展示 功能 模块 组 成 ， 如 图 12-18 所 示 。 


























团 。-x 





图 12-18 展示 商品 功能 模块 


05 新 品 上 架 模 块 的 代码 比较 简单 ， 大 部 分 是 静态 代码 ， 主 要 是 放 入 购物 车 功能 及 数据 库 中 
调用 商品 功能 需要 加 入 动态 的 命令 ， 所 有 的 命令 如 下 : 


<table width="100%" border="0" cellpadding="0" cellspacing="0" class= 
"rightA"> 
<tr> 
<td width="3%" height="0"><img src="images/Spacer.gif" width="15" 
height="13"></td> 
<td colspan="4">&nbsp;</td> 
</tr> 
EX 
<td height="329">gnbsp;</td> 
<td width="37%" valign="top"><table width="210" border="0" cellspacing="0" 
cellpadding="0"> 
SCE 
<td width="86"><table width="102" border="0" cellpadding="0" 
cellspacing="1" 
bgcolor="A6A6A6"> 
< 
<td bgcolor="#FFFFFF"><a href="product/product .asp?productID=3855" 
target=" blank"> 
// 单 击 特价 商品 的 名 称 能 链接 到 商品 详细 说 明 页 
<img src="incoming img/newgoods04.jpg" width="102" height="95" 
border="0"></a></td> 
</tr> 
</table></td> 
<td width="124" rowspan="2" align="right" valign="top"><table width="92%" 
border="0" 
cellspacing="0" cellpadding="0"> 
<tr> 
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<td width="19%"><img src="images/index title.gif" width="19" 
height="12"></td> 

<td width="81%"><a href="product/product.asp?productID=3855" 
target=" blank"> 


英雄 高 级 金笔 </a></td> 
/EY> 
</table> 
<table width="91%" border="0" cellpadding="0" cellspacing="0" > 
< 


<td width="20%" align="left" valign="middle" class="price-td"> 
<img src="images/index m.gif" width="21" height="52"></td> 
<td width="80%" align="right" valign="top" class="price-td"> 
<span class="price">9.40<br> 
</span><font color="#FFBC2C"><strong> 元 / 支 </strong></font> 
</td> 
</tr> 
</table> 
<table width="92%" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td align="left"> 
<a href="shop/add2bag.asp?productID=3855"> 
// 单 击 “ 放 入 购物 车 ”图 标 连接 到 add2bag .asp 页 面 ， 实 现 放 入 购物 车 的 功能 
<img src="images/index dinggou.gif" width="84" height="16" 
border="0"></a></td> 
</tr> 
</table></td> 
</tr> 
<tr> 
<td>gnbsp;</td> 
</tr> 
</table> 
<table width="210" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="86"><table width="102" border="0" cellpadding="0" 
cellspacing="1" 
bgcolor="RA6A6A6"> 
<tr> 
<td bgcolor="#FFFFFF"><a href="product/product.asp?productID=3468" 
target=" blank"><img src="incoming img/newgoods01.jpg" width="102" 
height="95" 
border="0"></a></td> 
</tr> 
</table></td> 
<td width="124" rowspan="2" align="right" valign="top"><table width="92%" 
border="0" 
cellspacing="0" cellpadding="0"> 
EE 
<td width="19%"><img src="images/index title.gif" width="19" 
height="12"></td> 
<td width="81%"><a href="product/product.asp?productID=3468" 
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target=" blank"> 





中 华 彩色 铅笔 </a></td> 
</tr> 
</table> 
<table width="91%" border="0" cellpadding="0" cellspacing="0" > 
<t> 


<td width="12%" align="left" valign="middle" class="price-td"> 
<img src="images/index m.gif" width="21" height="52"></td> 
<td width="88%" align="right" valign="top" class="price-td"> 
<span class="price">6.50<br> 
</span><font color="#FFBC2C"><strong> 元 / 支 </strong></font> 
</td> 
</tr> 
</table> 
<table width="92%" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td align="left"><a href="shop/add2bag.asp?productID=3468"> 
<img src="images/index dinggou.gif" width="84" height="16" 
border="0"></a></td> 
</tr> 
</table></td> 
</tr> 
<tr> 
<td height="16">&nbsp;</td> 
</tr> 
</table> 
<table width="100%" border="0" cellspacing="0" cellpadding="1"> 
<% 
for i=l1 to 6 
%> 
<tr> 
<td><img src="images/index title.gif" width="19" height="12"></td> 
<td><a href="product/product.asp?productID=<%=rs_product ("商品 ID")%>" 
target=" blank"><%=rs_product ("商品 名 称 ") $> 
// 通 过 商品 ID 实现 商品 细节 页 Product .asp 的 链接 
</a></td> 
</tr> 
< 多 
rs_product.MoveNext 
next 
%> 
// 用 循环 命令 实现 商品 的 罗列 
</table></td> 
<td width="3%" align="center" valign="top"> 
<table width="3" border="0" cellpadding="0" cellspacing="0" 
class="shu-xu-xian"> 
EE 
<td align="right"><img src="images/Spacer.gif" width="1" height="210"></td> 
< 
</table></td> 
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<td width="37%" valign="top"> <table width="210" border="0" cellspacing="0" 
cellpadding="0"> 
<tr> 
<td width="86"><table width="102" border="0" cellpadding="0" 
cellspacing="1" 
bgcolor="A6A6AG6"> 
E> 
<td bgcolor="#FFFFFF"><a href="product/product.asp?productID=3951" 
target=" blank"> 








<img sr incoming img/newgoods02.jpg" width="102" height="95" 
border="0"></a></td> 

</tr> 

</table></td> 

<td width="124" rowspan="2" align="right" valign="top"><table width="91%" 
border="0" 

cellspacing="0" cellpadding="0"> 

中 


<td width="19%"><img src="images/index title.gif" width="19" 
height="12"></td> 

<td width="81%"><a href="product/product.asp?productID=3951" 
target=" blank"> 


东洋 荧光 笔 </a></td> 
</tr> 
</table> 
<table width="91%" border="0" cellpadding="0" cellspacing="0" > 
<tr> 


<td width="11%" align="left" valign="middle" class="price-td"> 
<img src="images/index m.gif" width="21" height="52"></td> 

<td width="89%" align="right" valign="top" class="price-td"><span 
class="price">2.50<br> 

</span><font color="#FFBC2C"><strong> 元 / 支 </strong></font> 
</td> 

</tr> 
</table> 
<table width="92%" border="0" cellspacing="0" cellpadding="0"> 

<tr> 

<td align="left"><a href="shop/add2bag.asp?productID=3951"> 








<img src="images/index dinggou.gif" width="84" height="16" 
border="0"></a></td> 

</tr> 

</table></td> 

</tr> 

<tr> 

<td>gnbsp;</td> 

</tr> 

</table> 

<table width="210" border="0" cellspacing="0" cellpadding="0"> 

<tr> 

<td width="86"><table width="102" border="0" cellpadding="0" 





cellspacing="1 
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bgcolor="A6A6AG6"> 

<tr> 

<td bgcolor="#FFFFFF"><a href="product/product .asp?productID=3890" 
target=" blank"><img src="incoming img/newgoods03.jpg" width="102" 
5" 
0"></a></td> 





</table></td> 

<td width="124" rowspan="2" align="right" valign="top"><table width="92%" 
border="0" 
cellspacing="0" cellpadding="0"> 

人 


<td width="19%"><img src="images/index title.gif" width="19" 
height="12"></td> 

<td width="81%"><a href="product/product.asp?productID=3890" 
target=" blank"> 
派克 卓 尔 钢笔 </a></td> 

</tr> 

</table> 

<table width="91%" border="0" cellpadding="0" cellspacing="0" > 

<tr> 

<td width="14%" align="left" valign="middle" class="price-td"> 
<img src="images/index m.gif" width="21" height="52"></td> 

<td width="86%" align="right" valign="top" class="price-td"> 
<span class="price">372<br> 

</span><font color="#FFBC2C"><strong> 元 / 支 </strong></font> 

</td> 

</tr> 

</table> 

<table width="92%" border="0" cellspacing="0" cellpadding="0"> 

<tr> 

<td align="left"><a href="shop/add2bag.asp?productID=3890"> 
<img src="images/index dinggou.gif" width="84" height="16" 
border="0"></a></td> 

</tr> 

</table></td> 

</tr> 

<tr> 

<td>gnbsp;</td> 

< 

</table> 

<table width="100%" border="0" cellspacing="0" cellpadding="1"> 

< 多 








for i=1 to 6 


images/index title.gif" width="19"” height="12"></td> 
<td><a href="product/product.asp?productID=<%=rs_product ("商品 ID")%$>" 
target="_blank"><%=rs_product ("商品 名 称 ")%></a></td> 
</tr> 
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<% 
rs_product.MoveNext 
next 
$> 
</table> </td> 
<td width="20%" align="center" valign="top"> 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"™ 
codebase="http://download.macromedia.com/pub/shockwave/cabs/ 
flash/swflash.cab#version 
=6,0,29,0" width="108" height="329"> 
<param name="movie" value="/incoming img/ad.swf"> 
<param name="quality" value="high"> 
<embed src="/incoming img/ad.swf" quality="high" 
Pluginspage="http://www.macromedia.com/go/getflashplayer" 
type="application/x-shockwave-flash" width="108" 
height="329"></embed></object> 
// 媒 入 flash 动态 广告 
</td> 
</tr> 
</table> 


06 商品 分 类 模块 应 用 了 ASP 中 的 for 循环 语句 ， 快 速 建立 了 所 有 商品 的 展示 功能 ， 该 段 动 
态 程序 如 下 : 


<table width="90%" border=" 
class="fenlei"> 
< 多 
if (rs_class.RecordCount mod 5)=0 then 
line=Int (rs_class.RecordCount /5) 
else 
line=Int (rs_class.RecordCount/5)+1 
end if 
for i=1l1 to line 
if (i mod 2)<>0 then 








" cellpadding="5" cellspacing="0" 


多 > 
// 设 置 商品 分 类 显示 行 数 为 5 
KE 
<td bgcolor="#FFFFFF"> 
<% 


for k=1 to 5 
if rs class.eof then 
‘ext EOF 
else 
多 > 
// 如 果 显示 了 所 有 的 记录 则 关闭 查询 
<a href="product/all_1ist.asp"><g=rs_class (" 主 类 别名 称 ") s$></a> 
<img src="/images/Spacer.gif" width="6" height="1"> 
// 单 击 商品 类 别名 称 链接 到 显示 全 部 商品 内 容 页 面 (all_1ist.asp) 
< 多 
rs_class.MoveNext 
end if 
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next 
$> 
</td> 
</tr> 
<% 
end if 
if (i mod 2)=0 then 
多 > 
<tr> 
<td> 
<% for k=1 to 5 
if rs class.eof then 
exit for 
else 
多 > 


<a href="product/all_1ist.asp"><%g=rSs_class (" 主 类 别名 称 ") $></a> 
<img src="/images/Spacer.gif" width="6" height="1"> 
< 多 
rs_class.MoveNext 
end if 
next 
%> 
</td> 
</tr> 
<% 
end if 
next 
多 > 
</table> 


07 网 上 购物 系统 的 首页 分 析 结束 。 如 果 需 要 快速 建立 购物 系统 的 首页 ， 就 直接 参考 下 载 资 
源 中 完成 的 页 面 ， 查 看 代码 ， 可 以 方便 地 完成 网 上 购物 系统 首页 的 制作 。 


12.4 ”商品 动态 页 面 的 设计 








product 文 件 夹 用 来 放置 与 销售 商品 相关 的 页 面 ， 主 要 包括 所 有 商品 罗列 页 面 all_list.asp、 
商品 细节 页 面 product.asp 和 商品 搜索 结果 页 面 search_result.asp。 下 面 分 别 介绍 这 些 页 面 的 设计 
与 制作 。 


12.4.1 商品 罗列 页 面 


单 击 导 航 条 中 的 “采购 中 心 ”或 单 击 首页 上 的 “商品 分 类 ”中 的 商品 内 容 可 以 连接 到 此 页 
面 ， 主 要 用 来 显示 数据 库 中 的 所 有 商品 。 
01 首先 完成 静态 页 面 的 设计 ， 该 页 面 的 核心 部 分 是 “商品 选 购 ”中 商品 二 级 分 类 的 显示 ， 
其 他 部 分 功能 在 首页 设计 中 已 经 介绍 过 ， 完 成 的 效果 如 图 12-19 所 示 。 
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图 12-19 设计 的 商品 罗列 页 面 效果 图 
02 主要 的 核心 代码 如 下 : 


<table width="90%" border="0" cellpadding="5" cellspacing="0" 
class="fenlei"> 
< 多 
for i=1 to rs.RecordCount 
和 多 > 
// 设 置 记录 集 计算 循环 
< 
<td width="79%" bgcolor="#FFFFFF"><strong><%=rs(" 主 类 别名 称 
")%></strong></td> 
// 显 示 主 类 别名 称 
<td width="21%" align="right" bgcolor="#FFFFFF"><a href="all list.asp"> 
返回 总 分 类 </a>&nbsp; &nbsp; gnbsp; &nbsp;</td> 
</Er> 
<tr> 
<td colspan="2" class="line"> 
< 多 
for j=1 to rs_sub.RecordCount 
if rs_sub.eof then 
rs_sub.MoveFirst 
end if 
if CInt (rs_sub(" 主 类 别 ID") ) =CInt (rs (" 主 类 别 ID") ) then 
g%> <a href="search result.asp?sub_ classID=<%=rs_sub(" 子 类 别 ID")%>&name= 
<%=rs_sub 
(" 子 类 别名 称 ") %$>"> 
<%=rs_sub (" 子 类 别名 称 ")%></a> <% 
end if 
rs_sub.MoveNext 
next 
和 > 
// 该 段 程序 的 意思 是 在 页 面 中 显示 所 有 子 类 别名 称 的 代码 
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</td> 
</tr> 
< 各 
rs.MoveNext 
next 

多 > 
</table> 


03 在 完成 的 动态 页 面 中 ， 商 品 选 购 加 入 的 ASP 命令 很 简单 ， 如 图 12-20 所 示 。 





] 返回 名 分 类 
浊 蝎 明 





图 12-20 ”完成 的 商品 选 购 代码 编辑 
12.4.2 ”商品 细节 页 面 的 制作 


商品 细节 页 面 product.asp 要 能 显示 商品 的 所 有 详细 信息 ， 包 括 商 品 价格 、 商 品 产 地 、 商 品 
单位 及 商品 图 片 等 ， 同 时 要 显示 是 否 在 架 (是否 还 有 商品 ) 以 及 放 入 购物 车 等 功能 。 

01 由 所 需要 建立 的 功能 出 发 ， 建 立 如 图 12-21 所 示 的 动态 页 面 ， 页 面 中 的 ASP 代码 图 标 代 
表 通 过 加 入 动态 命令 来 实现 该 功能 。 











四 “商品 用 - 台 
日 南片 


uy 
Os 
NN 本 商品 暂时 没有 图 片 ! 


图 。 


图 12-21 完成 的 设计 页 面 效果 图 
02 下 面 对 该 模块 的 命令 分 析 如 下 : 
<table width="90%" border="0" cellpadding="5" cellspacing="0" 
class="fenlei"> 
<tr> 


<td width="44%" bgcolor="#FFFFFF"><strong> 商 品 编码 : <%=rs 
("商品 编码 ")$></strong></td> 
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<td width="29%" bgcolor="#FFFFFF"> 
< 多 
if rs(" 在 架 状 态 ") =0 then 
else 
各 > 
<a href="/shop/add2bag.asp?productID=<%=rs ("商品 ID") sg>"> 
<img src="../images/index dinggou.gif" width="84" height="16" border="0"> 
</a> 
<% 
end if 
多 > 
// 如 果 商 品 在 架 ， 单 击 放 入 购物 车 链接 add2bag .asp 页 面 实现 购物 功能 
</td> 
<td width="27%" align="right" bgcolor="#FFFFFF"> 
< 多 
if rs (" 在 架 状 态 ") =0 then 
多 > 
<font color="#FF6600"> 抱 歉 ! 此 商品 缺 货 ! </font> 
< 多 
else 
多 > 
font color="#FF6600"> 在 架 </font> 
多 
end if 
名 > 
// 如 果 商 品 在 架 状 态 定义 值 为 0， 则 显示 “ 抱 歉 ! 此 商品 缺 货 !” 
</td> 
</tr> 
<tr valign="top"> 
"3" class="line"><table width="100%" border="0" cellpadding="3" 





class="rightA"> 
<tr> 
<td width="5%"><img src="../images/index title.gif" width="19" height="12"> 
</td> 
<td><font color="#427012"><strong> 商 品名 称 : </strong></font> 
<%=rs ("商品 名 称 ")$>// 显 示 商 品名 称 
</td> 
</tr> 
和 CE> 
<td bgcolor="#FFFFFF"><img src="../images/index title.gif" width="19" 
height="12"></td> 
<td bgcolor="#FFFFFF"><font color="#427012"><strong> 商 品 售 价 
</strong></font><%=rs ("零售 价 ")$> 元 // 显 示 商 品 价格 
</td> 
</tr> 
KR 
<td><img src="../images/index title.gif" width="19" height="12"></td> 
<td><font color="#427012"><strong> 商 品 单位 : </strong></font><%=rs ("单位 ") $> 
// 显 示 商 品 单位 </td> 
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</tr> 
tr 
<td bgcolor="#FFFFFF"><img src="../images/index title.gif" width="19" 
height="12"></td> 
<td bgcolor="#FFFFFF"><font color="#427012"><strong> 商 品 产地 
</strong></font><%=rs ("产地 ")%>// 显 示 商 品 产地 </td> 
</tr> 
<tr> 
<td class="fenlei"><img src="../images/index title.gif" width="19" 
height="12"></td> 
<td><font color="#427012"><strong> 商 品 说 明 : </strong></font><%=rs 
("商品 说 明 ")$>/ /显示 商品 说 明 </tqd> 
</tr> 
<tr> 
<td class="fenlei"><img src="../images/index title.gif" width="19" 
height="12"></td> 
<td><font color="#427012"><strong> 商 品 图 片 : </strong></font></td> 
< /Er 
<tr> 
<td class="fenlei">gnbsp;</td> 
<td valign="top"> 
< 多 
if xs (" 商 品 图 片 ") =""” then 
多 > 
<img src="../incoming img/no photo.gif" width="500" height="186"> 
<% 
else 
多 > 
<img src="../incoming img/<%=rs ("商品 图 片 ")%>"> 
<% 
end if 
多 > 
// 显 示 商 品 图 片 
</td> 
</tr> 
<tr> 
<td colspan="2" class="fenlei"><img src="../images/Spacer.gif" width="1" 
height="5"></td> 
</tr> 
</table></td> 
</tr> 
</table> 


03 商品 细节 页 面 的 设计 不 是 一 成 不 变 的 ， 该 页 面 实际 是 显示 记录 集 的 页 面 ， 在 实际 操作 设计 
中 建立 数据 库 连 接 ， 建 立 查询 记录 集 ， 最 后 绑 定 想 要 显示 的 字段 ， 就 可 以 完成 商品 细节 页 面 的 设计 。 


12.4.3 ”商品 搜索 结果 页 面 的 制作 


在 首页 中 有 一 个 商品 搜索 功能 ， 通 过 输入 搜索 的 商品 ， 单 击 “ 搜 索 ” 按 钮 后 要 打开 的 页 面 
就 是 这 个 商品 搜索 结果 页 面 earch_resultasp。 该 页 面 的 功能 为 通过 搜索 页 传 过 来 的 字段 搜索 数 
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据 库 中 的 数据 和 显示 该 商品 。 在 制作 搜索 结果 页 的 时 候 还 需要 考虑 到 一 个 问题 , 就 是 在 搜索 的 
字段 中 很 可 能 会 有 很 多 商品 相似 ， 如 输入 “打印 机 ”， 那 么 所 有 数据 中 带 “ 打 印 机 ”3 个 字 的 
所 有 商品 都 会 列 在 该 页 面 ， 所 以 要 创建 导航 条 和 记录 统计 等 功能 。 


01 由 上 面 的 功能 分 析出 发 ， 设 计 好 的 商品 搜索 结果 页 面 如 图 12-22 所 示 。 











回 

















产品 列表 






湖 集 搜 索 的 关键 局 是 - 





第 展现 共 浊 页 





图 12-22 搜索 的 实际 结果 
02 本 页 面相 关 的 程序 代码 如 下 : 


<table width="100%" border="0" cellspacing="0" cellpadding="0"> 

<tr> 

<td>gnbsp;</td> 

</tr> 

<tr> 

<td><img src="../images/index pro011.gif" width="573" height="41"></td> 

</tr> 

<tr> 

<td align="center" valign="top" background="../images/index pro03.gif"> 
<table width="90%" 

border="0" cellpadding="5" cellspacing="0" class="fenlei"> 


<tr> 

<td width="77%" bgcolor="#FFFFFF"> 
< 多 
if Request ("search key")<>"" then 
多 > 


<strong> 你 搜索 的 关键 词 是 :</strong><font color="#FF3300">&nbsp7 
<%=Request ("search key")%></font> 
< 多 
else 
多 > 
<strong><%=Request ("name") $>: </strong> 
< 多 
end if 
和 > 
// 在 搜索 的 关键 词 后 面 显 示 前 面 输入 搜索 的 阶段 变量 ， 即 搜索 的 名 称 值 
</td> 
<td width="23%" bgcolor="#FFFFFF"><a href="all 1ist.asp">&1t7&1lt7 
返回 商品 分 类 </a></td> 
</tr> 
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</table> 
<table width="90%" border="0" cellpadding="0" cellspacing="0" > 
E> 
<td><img src="../images/Spacer.gif" width="1" height="3"></td> 
</tr> 
</table> 
<table width="90%" border="0" cellpadding="5" cellspacing="0" 
class="fenlei"> 
a 
<td width="48%" bgcolor="#FFFFFF"><strong> 商 品名 </strong></td> 
<td width="17%" bgcolor="#FFFFFF"><strong> 报 价 </strong></td> 
<td width="16%" bgcolor="#FFFFFF"><strong> 在 架 状 态 </strong></td> 
19%" bgcolor="#FFFFFF">&nbsp;</td> 





if rs.recordcount<>0 then 
for i=]1 to pagesize 
if rs.eof then 
exit for 
end if 
多 > 
< 多 
if (i mod 2)=0 then 
多 > 
<tr bgcolor="#EBEBEB"> 
< 多 
end if 
多 > 
// 显 示 所 有 的 搜索 结果 
<td><a href="product .asp?productID=<%=rs ("商品 ID") $>" target="_blank"><%=rs 
("商品 名 称 ") $></a></tqd> 
<td><%=rs ("零售 价 ")%$></td> 
// 通 过 商品 ID 打开 商品 名 称 
<td> 
< 各 
if rs(" 在 架 状 态 ") =0 then 
response.Write(" 缺 货 ") 
else 
response.Write ("在 架 ") 
end if 
多 > 
// 显 示 商 品 是 否 在 架 或 者 缺 货 
</td> 
<td><font color="1A3D05"><a href="/shop/add2bag.asp?productID=<%=rs 
("商品 ID")%>"><img src="../images/index dinggou.gif" width="84" height= 
"16" border="0"></a></font></td> 
</tr> 
< 多 
rs.MoveNext 
next 





EE 
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else 
多 > 
<tr bgcolor="#EBEBEB"> 
<td colspan="4"><font color="#FF3300"> 抱 歉 ! 你 选择 的 分 类 暂时 没有 货物 ， 
请 你 电话 与 我 们 联系 ! </font></td> 
w/eEr> 
<% 
end if 
rs.close 
set rs=nothing 
conn.close 
set conn=nothing 
$> 
</table> 
<table width="90%" border="0" cellpadding="8" cellspacing="0" 
class="fenlei"> 
<tr> 
<td width="35%"> 第 <%$=page%> 页 / 共 <%$=pageall%> 页 // 统 计 搜 索 总 数 </td> 
<td width="32%">&nbsp;</td> 
<td width="33%" align="right"> 
<%if Cint(page-1)<=0 then 
response.write "上 一 页 " 
elseg> 
<ahref="search result .asp?page=<%=page-1%>&name=<%= 
Request ("name")%>&sub classID= 
<%=Request ("sub classID")%>&search key=<%=request ("search key")%>&search_ 
class= 
<%=request ("search class")%>"> 上 一 页 </a> 
<%end if%> 
&nbsp;/&nbsp; 
<%if Cint(page+1)>Cint (pageall) then 
response.write "下 一 页 " 
elseg> 
<ahref="search result.asp?page=<%=page+1%>&name=<%=Request ("name") %>&sub 
classID= 
<%=Request ("sub classID")%>&search key=<%=request ("search key")%>&search 
class=<% 
=request ("search class")%>"> 下 一 页 </a> 
<g%end if%> 
</td> 
</tr> 
</table></td> 
</tr> 
ST 
<td><img src="../images/index pro02.gif" width="573" height="46"></td> 
/Er> 
</table> 


到 这 里 就 完成 了 商品 相关 动态 页 面 的 设计 。 
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12.5 ”商品 结算 功能 的 设计 


购物 车 最 核心 的 功能 就 是 如 何 进行 商品 结算 。 通过 这 个 功能 , 用 户 在 选择 了 自己 喜欢 的 商 
品 后 ， 可 以 通过 网 络 确认 所 需要 的 商品 ， 输 入 联系 方法 ， 提交。 这些 信 息 会 写 入 数据 库 , 方便 
企业 进行 售后 服务 ， 即 送 货 收 钱 等 工作 ， 这 也 是 购物 车 最 难 的 部 分 。 








12.5.1 统计 订单 


该 页 面 在 前 面 的 代码 中 经 常 应 用 到 ， 就 是 单 击 “ 放 入 购物 车 ”图 标 后 会 调用 的 页 面 , 主要 
是 实现 统计 订单 数量 的 功能 。 
该 页 面 完 全 是 ASP 代 码 ， 设 计 分 析 如 下 : 


<!--#include file="../config.asp"--> 

// 调 用 config.asp 确认 数据 库 连接 

<% 

productID=request ("productID") 

// 定 义 阶段 变量 productID 

set rs=server.createobject ("adodb.recordset") 

// 创 建 记录 集 

sql="select * from 商品 表 where 商品 ID="&productID&" order by 商品 ID" 

// 用 SQL 查询 功能 通过 商品 ID 与 productID 核对 

rs.open sql,conn,1l,l1l 

if rs.recordcount<>0 then 
session("all number")=session("all number")+1 

// 通 过 session 记录 放 入 购物 车 的 商品 的 总 个 数 
session("product"&session("all number"))=productID 
session("all price")=session("all price")+CDbl (rs ("零售 价 ")) 

end if 

rs.close 

set rs=nothing 

response.Redirect (request.serverVariables ("Http REFERER")) 

%> 

// 如 果 订 购 商 品 的 总 个 数 加 1， 购物 总 价 加 入 刚 订购 商品 的 零售 价 

<% 

for i=1 to CInt(session("all number")) 

%> 

<%=session("product"g&i)g&"<br>"%> 

< 多 

next 

多 > 


(7 session 在 Web 技术 中 占有 非常 重要 的 分 量 。 由 于 网 页 是 一 种 无 状态 的 连接 程序 ， 





























因此 无 法 得 知 用 户 的 浏览 状态 ， 必 须 通过 session 记录 用 户 的 有 关 人 信息， 以 供用 户 
提 示 再 次 以 此 身份 对 Web 服务 器 提供 要 求 时 进行 确认 。 
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12.5.2 ”清除 订单 


该 页 面 是 清除 订单 信息 的 页 面 ， 通 过 单 击 “ 清 空 ”按钮 能 够 调用 clear_bag.asp 页 面 ， 通 过 
里 面 的 命令 清空 购物 车 中 的 数据 统计 ， 清 除 订单 的 代码 如 下 : 

<%QLANGUAGE="VBSCRIPT" CODEPAGE="936"%> 

< 多 

user=session ("user") 

user type=session ("user prop") 

session.Contents.RemoveAll () 

Session ("user")=user 

session ("user prop")=user type 

response.Redirect (request.serverVariables ("Http REFERER")) 

多 > 

// 通 过 RemoveA1ll () 命令 实现 清空 session 中 的 记录 


12.5.3 ”用 户 信息 确认 订单 


用 户 登 录 后 选择 商品 放 入 购物 车 ， 单 击 首页 上 的 “去 结算 ”按钮 ， 就 会 打开 订单 用 户 信息 
确认 页 面 shop.asp， 该 页 面 主要 显示 选择 的 购物 商品 数量 和 总 价 ， 需 要 设置 输入 “ 送 货 信息 ” 
功能 ， 然 后 单 击 “ 继 续 ” 按 钮 把 输入 的 信息 存 入 数据 库 中 ， 打 开 订单 确认 信息 页 面 order.asp。 

该 页 面 完成 后 的 效果 如 图 12-23 所 示 。 从 功能 上 可 以 看 出 该 页 面 的 功能 有 点 类 似 于 留言 板 
的 功能 。 只 不 过 多 了 订单 商品 统计 功能 。 订 单 商品 的 统计 功能 和 add2bag.asp 页 面 的 统计 功能 一 
样 ， 所 以 本 页 的 程序 就 不 再 分 析 介 绍 ， 读 者 可 自行 打开 该 页 面 进行 分 析 。 
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图 12-23 ”订单 用 户 信息 确认 页 面 效果 图 











12.5.4 ”订单 确认 信息 


单 击 shop.asp 页 面 上 的 “结算 ”按钮 后 会 打开 订单 确认 页 面 orderasp， 该 页 面 同 shop 页 面 
的 结构 一 样 ， 在 送 货 信息 中 显示 了 输入 的 送 货 详 细 信 息 ， 相 当 于 留言 板 中 的 查看 留言 板 功能 ， 
设置 的 效果 如 图 12-24 所 示 。 
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图 12-24 订单 确认 页 面 效 果 图 
12.5.5 ”订单 最 后 确认 


单 击 订单 确认 信息 页 面 order.asp 上 的 “生成 订单 ”按钮 后 , 就 可 以 打开 order_sure.asp 页 面 ， 
该 页 面 是 把 订单 写 入 数据 库 后 弹出 的 完成 购物 页 面 ， 该 页 面 的 设计 与 order.asp 基 本 相同 ， 只 是 
减少 了 “ 送 货 信 息 ” 的 内 容 ， 具 体 的 制作 不 再 介绍 ， 效 果 如 图 12-25 所 示 。 


胶 气 金 旺季 办 公 产 品 采购 指南 


sm | | EL 





图 12-25 ”完成 购物 订单 效果 图 
12.6 ”订单 查询 功能 


用 户 在 购物 的 时 候 还 需要 知道 自己 一 共 购 买 了 多 少 商品 ， 单 击 导航 条 上 的 “订单 查询 ” 命 
令 ， 打 开 输 入 查询 的 页 面 order_search.asp， 在 查询 文本 域 中 输入 客户 的 订单 编号 ， 可 以 查 到 订 
单 的 处 理 情况 页 面 your_order.asp， 方 便 与 企业 的 沟通 。 


12.6.1 订单 查询 输入 


订单 查询 功能 和 首页 上 的 商品 搜索 功能 设计 方法 是 一 样 的 , 需要 在 输入 的 查询 页 面 设置 好 
连接 库 连接 ,设置 查询 输入 文本 域 , 建立 SQL 查 询 命 令 , 具体 的 设计 分 析 同 前 面 的 搜索 功能 模 
块 设计 一 样 ， 因 此 不 做 具体 的 介绍 ， 完 成 的 效果 如 图 12-26 所 示 。 
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图 12-26 订单 查询 页 面 效果 图 
12.6.2 ”订单 查询 结果 


该 页 面 是 用 户 订单 查询 输入 后 ， 单 击 “ 查 询 ” 按 钮 弹出 的 查询 结果 页 面 。 设 计 分 析 同 
search_result.asp， 这 里 不 再 介绍 ， 完 成 后 的 效果 如 图 12-27 所 示 。 





图 12-27 用 户 订单 查询 结果 效果 图 


12.7 ”购物 车 后 台 管理 系统 的 制作 


购物 车 后 台 管理 系统 是 整个 网 站 建设 的 难点 , 包括 几乎 所 有 常用 ASP 处 理 技 术 ， 如 新 闻 系 
统 的 管理 功能 、 订单 的 处 理 功 能 、 商品 的 管理 功能 等 。 新 闻 系 统 的 管理 在 前 面 的 章节 中 已 经 介 
绍 过 ， 这 里 不 再 介绍 ， 重 点 介绍 订单 处 理 功能 和 商品 的 管理 功能 。 


12.7.1 后 台 登 录 


企业 网 站 拥有 者 需要 登录 后 台 对 网 上 购物 系统 进行 管理 , 由 于 涉及 很 多 商业 机 密 , 因此 需 
要 设计 登录 用 户 确认 页 面 , 通过 输入 唯一 的 用 户 名 和 密码 来 登录 后 台 进 行 管理 。 网 上 购物 系统 
为 了 方便 使 用 ， 只 需要 在 首页 用 户 系统 中 直接 输入 “用 户 名 ”admin 和 “密码 ”admin， 就 可 以 
登录 后 台 。 因 此 需要 制作 用 于 判断 后 台 登 录 管理 身份 的 确认 动态 文件 check_admin.asp。 

该 页 面 制作 也 比较 简单 ， 完 成 的 代码 如 下 : 

<% 

if session("user prop")<>"admin" then 


response .Redirect ("/member/1login.asp?error inf= 请 用 管理 员 账 号 登录 进入 后 台 管 理 ! ") 
end. 1£ 








"371。 
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$> 
// 判 断 用 户 是 否 为 admin， 如 果 不 是 就 打开 出 错 信息 页 面 


12.7.2 ”订单 管理 
order admin 文件 夹 是 用 来 放置 后 台 订单 处 理 的 一 些 动态 页 面 ， 里 面 分 别 放置 了 5 个 动态 
页 面 。 


edel order.asp: 删除 订单 。 

。 mark order.asp: 标记 已 处 理 订单 。 

ee order list.asp: 后 合 客户 订单 列表 。 

e@ order list mark0.asp: 未 处 理 客户 订单 列表 。 
@ order list_ markl.asp: 已 处 理 客户 订单 列表 。 


下 面 分 别 分 析 各 页 面 的 ASP 命 令 。 
01 动态 页 面 del_order.asp 用 于 删除 订单 的 命令 如 下 : 

















<!--#include file="../../config.asp"--> 
// 通 过 config.asp 页 面 建立 数据 库 连接 
<!--#include file="../check admin.asp"--> 
<% 


if request ("del orderID")<>"" then 

Set rs_order product = conn.execute("delete * from 订单 商品 WHERE 
订单 ID='"&request( “del orderID")E”"™") 

// 通过 delete 命令 删除 订单 
Set rs_order = conn.execute("delete * from 订单 表 WHERE 订单 ID='"&request 

("del orderID")g"'") 
if Err.Number>0 then 
response.write "对 不 起 ， 数 据 库 处 理 有 错误 ， 请 稍 候 再 试 . . ." 
response.end 
// 删 除 失败 显示 的 信息 
else 
conn.close 
set conn=nothing 
response.redirect "order list.asp" 

end if 
else 

conn.close 

set conn=nothing 

response.Redirect (request.serverVariables ("Http REFERER")) 
end if 
$> 


02 mark_order.asp 标记 已 处 理 订 单 的 程序 如 下 : 





<l-—#include Eee ConEig5asPn 一 > 
<!--#include file="../check admin.asp"--> 
<% 


if request ("mark orderID")<>"" then 
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set rs=server.createobject ("adodb.recordset") 
sql="update 订单 表 set 是 否 处 理 ='"&request ("mark") &"' where 
订单 ID='"&request ("mark orderID")g"'" 
rs.open sql,conn,l,l1l 
if Err.Number>0 then 
response.write "对 不 起 ， 数 据 库 处 理 有 错误 ， 请 稍 候 再 试 . . ." 
response.end 
else 
response.redirect (request.serverVariables ("Http REFERER")) 


end if 
end if 
rs.close 


set rs=nothing 

conn.close 

set conn=nothing 

%> 

03 后 台 客户 订单 列表 的 设计 页 面 order_list.asp 如 图 12-28 所 示 。 该 页 面 中 有 “订单 查询 ” 功 
能 , 还 有 订单 的 详细 结果 ， 这些 技术 在 前 面 的 页 面 制 作 中 已 经 介绍 过 ,不同 的 地 方 在 于 “订单 号 :” 
一 栏 ， 该 栏 有 删除 订单 功能 。 
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图 12-28 客户 订单 列表 
下 面 将 该 行 的 代码 列 出 进行 分 析 说 明 : 
<tr> 
<td width="30%" bgcolor="#FFFFFF"><strong> 订 单 号 ;<%=rs_order ("订单 ID")%> 
// 显 示 处 理 的 订单 编号 
</strong></td> 
<td width="24%" bgcolor="#FFFFFF"> 日 期 : <s=rs_order ("订单 日 期 ")%></td> 
<td width="16%" bgcolor="#FFFFFF"> < 多 

if rs_order ("是 否 处 理 ")=1 then 

$$> <font color="#FF6600"> 已 处 理 </font> 
<S 


Slag 
g> <font color="#0033FF"> 未 处 理 </font> <%end if%> </td> 
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// 如 果 查 得 " 是 否 处 理 " 的 值 为 1， 那 么 显示 为 已 处 理 ， 否 则 显示 为 未 处 理 
<td width="30%" bgcolor="#FFFFFF"><table width="100%" border="0" 
cellspacing="3" 
cellpadding="0"> 
<tr> 
<td width="65%" align="center" valign="middle" bgcolor="#C4DCB6" 
onMouseOver="mOvr (this,'#79B43D');" onMouseOut="mOut (this, '#C4DCB6');" > 
< 条 
if rs_order(" 是 否 处 理 ") =1 then 
多 > 
<a href="mark order.asp?mark orderID=<%=rs_order ("订单 ID")%>&mark=0"> 
标记 为 未 处 理 </a> 
< 多 
else 
多 > 
<a href="mark order.asp?mark orderID=<%=rs_order ("订单 ID")%> 
&mark=1"> 
标记 为 已 处 理 </a> 
<%end if%> 
4/ 标记 是 否 为 处 理 的 订单 ， 并 通过 订单 ID 号 设置 连接 页 面 
</td> 
<td width="35%" align="center" valign="middle" bgcolor="#C4DCB6" 
onMouseOver="mOvr (this,'#79B43D');" onMouseOut="mOut (this, '#C4DCB6');" > 
<a href="del order.asp?del orderID=<%=rs_order ("订单 ID")%>" onClick="return 
confirm(' 
真 的 要 删除 这 份 订单 吗 ?') "> 删除 
// 通 过 订单 ID 删除 选择 的 订单 
</a></td> 
</tr> 
</table></td> 
</tr> 


04 未 处 理 客 户 订单 列表 
order_list_mark0.asp 是 显示 所 有 未 处 理 的 客 
户 订单 页 面 ， 完 成 的 设计 效果 如 图 12-29 所 
示 。 该 页 面 的 制作 同 order_list.asp 相 比较 , 除 
减少 了 搜索 功能 外 ， 该 页 面 中 显示 的 是 
rs_order(" 是 否 处 理 ")=1 的 所 有 未 处 理 订单 。 
具体 的 代码 查看 下 载 资源 中 的 源 代 码 。 

05 已 处 理 客 户 订 单列 表 
order_ list mark1l.asp 和 未 处 理 客户 订单 列表 
是 相对 的 功能 页 面 , rs_order(" 是 否 处 理 ") 的 值 
不 等 于 1 的 情况 下 的 订单 都 会 显示 在 该 页 面 ， 
完成 后 的 效果 如 图 12-30 所 示 。 具体 的 代码 查 
看 下 载 资源 中 的 源 代 码 。 
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图 12-29 显示 未 处 理 客户 订单 页 面 
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图 12-30 未 处 理 客户 订单 列表 


通过 上 面 的 订单 处 理 后 台 管理 页 面 可 以 看 出 , 设计 的 思路 主要 是 对 编辑 过 的 订单 赋值 , 通 
过 赋值 情况 的 不 同 再 分 别 区 分 为 已 处 理 订单 和 未 处 理 订单 。 


12.7.3 ”商品 管理 


文件 夹 用 来 放置 商品 管理 的 页 面 product_admin， 主 要 包括 了 以 下 9 个 页 面 ， 这 是 购物 的 
重点 ， 涉 及 上 传 图 片 等 高 难度 编程 操作 。 


del_product.asp: 删除 商品 页 面 。 
insert_product.asp: 插入 商品 页 面 。 
product_add.asp: 添加 商品 信息 页 面 。 
product_list.asp: 后 台 管 理 商 品 列表 页 面 。 

product modify.asp: 更 新 商品 信息 页 面 。 
update_product.asp: 建立 上 传 商品 命令 动态 页 面 。 
upfile.asp: 实现 文件 上 传 测试 页 面 。 

upfile.htm: 实现 图 片上 传 测试 页 面 。 
upload_5xsoft.inc: 上 传 文件 ASP 命令 模板 。 


技术 难度 主要 在 于 图 片 的 上 传 功能 ， 这 9 个 页 面 中 的 上 传 文件 测试 动态 页 面 
(upfile.asp ) 和 上 传 图 片 文件 静态 测试 页 面 ( upfile.htm ) 是 与 本 系统 不 相关 的 页 
提 示 。 面 , 单独 列 出 是 为 了 说 明 如 何 上 传 图 片 。 


01 删除 商品 页 面 del_product.asp 只 是 删除 商品 的 动态 页 面 , 代码 在 前 面 的 删除 功能 中 经 常 使 
用 到 ， 具 体 的 代码 如 下 : 


<!--#include file="../../config.asp"--> 
<!--#include file="../check admin.asp"--> 
<% 

if request ("del productID")<>"" then 





*。375。 
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conn.execute ("delete * from 商品 表 WHERE 商品 ID= 
"gCInt (request ("del productID"))) 
conn .execute ("delete * from 订单 商品 WHERE 商品 ID= 
""&request("dqel productID")&"'") 
if Err.Number>0 then 
response.write "对 不 起 ， 数 据 库 处 理 有 错误 ， 请 稍 候 再 试 . . ." 
response.end 
else 
conn.close 
set conn=nothing 
response.redirect "product list.asp" 
end if 
else 
conn.close 
set conn=nothing 
response.Redirect (request.serverVariables ("Http REFERER")) 
end if 
多 > 


02 插入 商品 页 面 insert_product.asp 是 一 段 插 入 记录 的 代码 , 其 
程序 代码 ， 具 体 的 分 析 如 下 : 


<!--#include 








lL 
nn 














h 引 用 了 upload 5xsoft.inc 的 


/../config.asp"--> 
<!--#include /check admin.asp"--> 
<!--#include /../main menu.asp"--> 
<!--#include FILE="upload 5xsoft.inc"--> 
<%'OPTION EXPLICITS> 
<%Server.ScriptTimeOut=5000%> 

<S 

dim upload,file,formName,formPath, imageName 
imageName="" 

set upload=new upload 5xsoft 

// 建 立 上 传 对 象 

if upload.form("filepath")="" then //' 得 到 上 传 目 录 
set upload=nothing 

response.end 





else 

formPath=upload.form("filepath") 

// 在 目录 后 加 (/) 

if right(formPath,1)<>"/"” then formPath=formPath&"/" 
end if 


for each formName in upload.objFile 
// 列 出 所 有 上 传 了 的 文件 
set file=upload.file(formName) 
// 生 成 一 个 文件 对 象 
if file.FileSize>0 then 
// 如 果 Filesize > 0 说 明 有 文件 数据 
file.SaveAs Server.mappath (formPath&file.FileName) 
// 保 存 文件 


"response .write file.FilePathgfile.FileNameg" ("&file.FileSize&") => 
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"&formPath&File.FileName&" 成 功 !<br>" 
imageName=File.FileName 
end if 
set file=nothing 
next 
// 删 除 此 对 象 
"sub HtmEnd(Msg) 
' set upload=nothing 
'response.write "<br>"&Msg&" [<a href=""javascript:history.back();""> 
返回 </a>]</body></html>" 
"response .end 
"end sub 
"for each formName in upload.objForm 
// 列 出 所 有 form 数据 
' response.write "pro_ chandi="g&gupload.form("pro chand")&"<br>" 
'next 
多 > 
< 多 
Dim root class,this class 
this_class=CStr (Left (CLng (upload.form("pro bianma")), 4)) 
root class=CStr (Left (CLng (upload.form("pro bianma") ),2)) 
if upload.form("pro mingcheng")<>"" then 
pro_mingcheng=upload.form("pro mingcheng") 
pro_bianma=CStr (upload.form("pro bianma")) 
pro tiaoxingma=upload.form("pro tiaoxingma") 
pro_jiage=upload.form("pro jiage") 
pro_chandi=upload.form("pro_chandi") 
pro_danwei=upload.form("pro danwei") 
pro_guige=upload.form("pro_guige") 
pro_zaijia=upload.form("pro zaijia") 
pro_tuijian=upload.form("pro tuijian") 
pro_shuoming=upload.form("pro_shuoming") 
conn.execute ("insert into 商品 表 ( 商 品名 称 ,商品 编码 , 条 码 , 零售 价 , 产地 ,单位 ,规格 ,商品 
图 片 , 子 类 别 ID, 根 类 别 ID, 在 架 状 态 ,主页 推荐 , 商品 说 明 ) 
values ('"&g&pro mingchengg&"','"&pro bianmag"',"' 
"gpro tiaoxingmag"','"gpro jiageg&"', '"g&pro chandig"','"gpro danweig"','"g& 
Pro guigeg"','" 
&imageNameg"', '"g&this classg"','"g&root classg"','"g&pro zaijiag"','"&pro 七 
uijiang"', 
'"gpro_shuomingg"')") 
// 进 行 各 数据 的 插入 更 新 操作 
end if 
if Err.Number>0 then 
response.write "对 不 起 ， 数 据 库 处 理 有 错误 ， 请 稍 候 再 试 . .." 
response.end 
elSe 
conn .close 
set conn=nothing 
set upload=nothing 
response.Redirect ("product_ add.asp?return inf= 添 加 商品 信息 成 功 ， 请 继续 添加 !") 
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end if 
多 > 



































3 添加 商品 信息 页 面 product add.asp 与 用 户 注册 系统 的 用 户 信 息 输入 页 面 基 本 相同 ， 只 是 多 
片上 传 功能 ， 页 面 上 的 内 容 为 表单 中 建立 的 相应 的 动态 对 象 。 设 计 的 效果 如 图 12-31 所 示 。 
04 后 台 管 理 商 品 列表 页 面 product list.asp 的 效果 如 图 12-32 所 示 。 页 面 中 列 出 了 商品 的 信息 ， 
如 是 否 有 图 片 、 商 品 价格 等 ， 主 要 是 后 面 的 “修改 ”及 “删除 ”功能 ， 通 过 单 击 “ 修 改 ” 命 令 能 打 
开 更 新 商品 信息 页 面 product_modify.asp 进行 商品 更 新 。 
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图 12-31 设计 的 添加 商品 信息 页 面 图 12-32 设计 的 后 台 管 理 商 品 列表 页 面 
05 更 新 商品 信息 页 面 product_modify.asp 的 设计 同 新 闻 系统 中 的 更 新 新 闻 功 能 一 样 。 设 计 方 
法 略 ， 可 以 打开 下 载 资源 中 的 源 代 码 进行 学 习 参考 。 完 成 的 设计 效果 如 图 12-33 所 示 。 
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图 12-33 更 新 商品 信息 


06 单 击 更 新 商品 信息 页 面 product_modify.asp 中 的 “提交 ”按钮 后 ， 主 要 通过 建立 上 传 命令 
动态 页 面 update_product.asp 实现 。 该 动态 页 面 的 功能 命令 同 插入 商品 页 面 insert_product.asp 一 样 ， 
难点 在 于 图 片 的 上 传 更 新 。 请 打开 源 代 码 进行 学 习 。 



































网 上 购物 系统 开发 ”第 12 党 





07 上 传 文件 测试 页 面 upfile.asp、 上 传 图 片 文件 测试 页 面 upfile htm、 上传 文 件 ASP 命令 模 
板 upload 5xsoft.inc 是 为 了 方便 企业 建立 购物 车 时 单独 调用 的 ， 下 载 资源 里 面 也 有 详细 的 程序 解释 
说 明 。 




















12.8 ”辅助 页 面 的 制作 


网 上 购物 系统 通过 上 面 几 个 小 节 的 分 析 与 设计 ， 在 购物 及 后 台 管 理 上 基本 已 经 完成 ， 但 
还 有 很 多 的 说 明 页 面 ， 如 制作 与 购物 相关 的 一 些 说明 页 面 〈clientasp) 、 用 来 说 明 售后 服务 
的 页 面 (service.asp) 、 关 于 企业 的 内 容 简介 页 面 (about_us.asp) 等 ， 需 要 由 企业 自身 出 发 ， 
在 页 面 中 输入 与 企业 相关 的 一 些 信息 及 购物 说 明 。 关于 购物 车 其 他 的 说 明 页 面 这 里 也 不 再 介 
绍 ， 主 要 对 购物 流程 进行 举例 说 明 。 网 上 购物 系统 要 根据 开发 的 系统 设计 一 个 购物 流程 ， 在 
首页 或 者 是 其 他 功能 页 面 说 明 购物 、 结 算 、 售 后 服务 等 详细 的 过 程 。 这 也 要 与 企业 自己 的 物 
流 配送 相 结合 。 

到 这 里 一 个 功能 完善 的 购物 车 就 设计 完毕 了 。 通 过 购物 车 程序 ， 读 者 可 以 掌握 如 何 利用 
ASP 实 现 一 个 购物 车 的 基本 思路 ， 主 要 涉及 的 技术 是 通过 ASP 内 建 对 象 Request、Response、 
Session、Application 的 应 用 实现 购物 的 采购 统计 结算 功能 。 其 中 ， 主 要 是 通过 Session 的 应 用 来 
实现 购物 车 的 暂时 存储 功能 。 






































第 13 章 网 站 推广 与 搜索 引擎 优化 


本 章 主要 介绍 搜索 引擎 的 结构 及 如 何 正确 优化 搜索 引擎 。 搜 索引 擎 优化 (Search Engine 
Optimization, SEO) 用 英文 描述 就 是 to use some technics to make your website in the top places in 
Search Engine when somebody is using Search Engine to find something。 搜 索引 擎 优化 是 针对 搜 
索引 擎 对 网 页 的 检索 特点 , 让 网 站 建设 各 项 基本 要 素 适合 搜索 引擎 的 检索 原则 ,从 而 使 搜索 引 
擎 收录 尽 可 能 多 的 网 页 ， 并 在 搜索 引擎 自然 检索 结果 中 排名 靠 前 ， 最 终 达 到 网 站 推广 的 目的 。 


本 章 重 要 知识 点 >>>>>>>>>> 


搜索 引擎 的 基础 

正确 制作 SEO 方案 
SEO 构建 网 站 

网 站 的 关键 字 

SEO 的 问题 和 解决 方法 





13.1 搜索 引擎 基础 


早期 的 互联 网 只 是 一 些 用 户 可 以 下 载 (或 上 传 ) 文件 的 FTP (File Transfer Protocol， 文 
件 传 输 协议 ) 站 点 。 要 在 这 些 站 点 中 寻找 某 个 文件 ， 用 户 只 能 逐个 地 浏览 文件 。 而 如 今 在 互联 
网 上 寻找 信息 基本 上 都 会 在 某 个 主流 搜索 引擎 输入 需要 查找 的 单词 或 短语 , 然后 逐个 地 点 击 搜 
索 结 果 。 


13.1.1 什么 是 搜索 引擎 


在 搜索 框 中 输入 单词 或 短语 ,然后 单 击 “ 搜 索 ” 按 钮 ， 就 会 看 到 成 干 上 万 的 相关 网 页 。 接 
着 要 做 的 就 是 打开 这 些 网 页 ， 寻 找 所 需要 的 东西 。 除 了 “搜索 要 寻找 的 东西 ”这 个 泛泛 的 概念 
外 ,搜索 引擎 的 准确 定义 是 什么 ? 搜索 引擎 主要 由 两 部 分 组 成 。 在 搜索 引擎 的 后 台 ， 有 一 些 用 
于 搜集 网 页 信息 的 程序 。 所 收集 的 信息 一 般 是 能 表明 网 站 内 容 〈 包 括 网 页 本 身 、 网 页 的 URL 
地 址 、 构 成 网 页 的 代码 以 及 进出 网 页 的 链接 ) 的 关键 字 或 短语 ， 接 着 将 这 些 信 息 的 索引 存放 到 
数据 库 中 。 而 在 前 端 ， 是 供用 户 输入 搜索 词 〈 单 词 或 短语 ) 的 用 户 界面 。 当 用 户 单 击 “ 搜 索 ” 按 
钮 时 ， 算 法 就 会 在 后 台 的 数据 库 中 查找 信息 ， 将 与 用 户 输入 的 搜索 词 相 匹配 的 网 页 呈现 给 用 户 。 


13.1.2 ”搜索 引擎 的 基本 结构 


现在 读者 应 该 对 搜索 引擎 的 工作 原理 有 了 粗略 的 了 解 ,但 真正 的 搜索 引擎 远 比 你 想象 的 复 
杂 。 实 际 上 ， 搜 索引 擎 是 由 多 个 部 分 组 成 的 。 
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1. 查询 界面 


查询 界面 (query interface) 是 人 们 最 熟悉 的 部 分 。 当 人 们 提 到 “搜索 引擎 ”时 ， 想 到 的 
通常 也 是 搜索 引擎 的 查询 界面 。 查询 界面 就 是 用 户 访问 搜索 引擎 时 输入 搜索 词 的 页 面 。 以 前 搜 
索引 擎 的 界面 就 像 图 13-1 所 示 的 ask.com 的 网 页 。 其 界面 只 是 一 个 简单 的 网 页 ， 只 有 一 个 启动 
搜索 的 按钮 。 


























Q: How long would it take to walk around the world? 
Qi evm 


© yor © san 








图 13-1 ask.com 的 查询 界面 


现在 ， 网 上 很 多 搜索 引擎 的 查询 界面 中 都 加 入 了 越 来 越 多 个 性 化 的 内 容 ， 以 增强 其 功能 。 
例如 YahoolSearch， 用 户 可 以 根据 自己 的 需求 自行 定制 搜索 页 面 ,包括 免费 电子 邮箱 账户 、 天 
气 信息 、 时 政 新 闻 、 体 育 新 闻 等 各 种 能 吸引 用 户 使 用 搜索 引擎 的 元 素 。 

另 一 种 定制 搜索 引 警 界面 的 方式 类 似 于 Google 提 供 的 功能 .用 户 可 以 根据 自己 的 需求 和 喜 
好 在 Google 搜 索引 擎 的 主页 上 添加 小 工具 。 

从 搜索 引擎 的 角度 来 说 ，Google 的 用 户 界 面 为 我 们 获得 目标 受众 提供 了 更 强大 的 功能 。 因 
为 不 仅仅 可 以 为 获得 更 好 的 搜索 排名 而 优化 网 站 ， 同 时 如 果 网 站 上 有 某 种 实用 的 工具 或 功能 ， 
还 可 以 让 用 户 通过 Google 提 供 的 API (Application Programming Interface， 应 用 程序 编程 接口 ) 
来 访问 这 些 工 具 或 功能 。 只 要 用 户 添 加 了 这 些小 工具 ， 就 能 从 Google 的 主页 上 调用 它 。 如 果 进 
行 搜索 引擎 优化 的 目的 是 尽 可 能 地 提高 自己 的 曝光 率 , 那么 做 一 个 能 添加 Google 个 性 化 首页 的 
小 工具 无 疑 是 实现 这 个 目标 的 好 办 法 。 


2. 仆 虫 、 蜂 蛛 和 机 器 人 


查询 界面 是 用 户 唯 一 能 看 到 的 搜索 引擎 组 件 。 搜索 引擎 的 其 他 部 分 都 隐藏 在 后 台 , 就 算 天 
天 都 在 用 搜索 引擎 的 人 也 看 不 到 。 藏 在 幕后 的 部 分 并 非 不 重要 , 恰恰 相反 ,这 些 看 不 到 的 部 分 
才 是 搜索 引擎 最 重要 的 部 分 。 

如 果 对 互联 网 有 所 了 解 ， 那 么 就 应 该 听 过 疏 虫 、 蜘 蛛 和 机 器 人 。 这 些小 东西 在 互联 网 上 抓 
取 网 页 ， 并 将 其 整理 成 可 搜索 的 数据 。 从 基本 的 原理 来 说 ， 爬 虫 、 蜘 蛛 和 机 器 人 这 3 种 程序 都 
是 一 样 的 。 它 们 都 是 逐个 地 “收集 ”每 个 URL 信 息 ， 并 把 这 些 信息 按照 URL 的 位 置 进行 整理 ， 
存放 到 数据 库 中 。 当 用 户 在 搜索 引擎 中 进行 查询 时 就 会 搜索 数据 库 中 的 相关 信息 , 并 将 搜索 结 
果 返 回 给 用 户 。 
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d 


3. 数据 库 


每 个 搜索 引擎 都 有 自己 的 数据 库 系 统 , 或 是 会 连接 到 某 个 数据 库 系 统 。 这 个 数据 库 中 存放 
着 网 络 中 的 各 种 URL 信 息 (爬虫 、 蚁 蛛 和 机 器 人 搜集 来 的 ) 。 可 以 用 不 同 的 方法 存储 这 些 数据 ， 
通常 各 个 搜索 引擎 公司 还 会 有 自己 的 一 套 方法 对 这 些 数据 进行 排序 。 

4. 搜索 算法 

搜索 引擎 的 各 个 部 分 都 非常 重要 ， 缺 一 不 可 ， 但 其 中 的 搜索 算法 (search algorithm) 是 使 
得 各 个 部 分 能 正常 运行 的 关键 所 在 。 更 确切 地 说 , 搜索 算法 是 构建 搜索 引擎 其 他 各 个 部 分 的 基 
础 。 搜索 引擎 的 工作 方法 或 用 户 发 现 数据 的 方式 都 是 以 搜索 引擎 算法 为 基础 的 。 笼 统 地 说 ， 搜 
索 算 法 就 是 一 个 解决 问题 的 过 程 : 获取 问题 , 找 出 若干 个 可 能 的 答案 , 然后 将 这 些 答案 返回 给 





问题 的 人 。 


不 同 的 搜索 算法 在 细节 上 存在 着 差异 。 搜索 算法 可 以 分 为 若干 种 不 同 的 类 型 ,而 每 个 搜索 
引擎 所 使 用 的 算法 又 或 多 或 少 存在 着 区 别 。 这 就 解释 了 为 什么 同一 个 单词 或 短语 在 不 同 的 搜索 
引擎 中 会 得 到 不 同 的 搜索 结果 。 常 见 的 搜索 算法 可 以 分 为 以 下 几 种 类 型 。 


列表 搜索 (list search ) : 列表 搜索 算法 是 在 指定 的 数据 中 根据 某 一 个 关键 字 进 行 搜索 。 
这 种 搜索 数据 的 方法 是 一 种 完全 性 的 、 基 于 列表 的 方法 。 列 表 搜索 的 结果 通常 都 只 有 
一 个 元 素 ， 这 意味 着 用 这 种 方法 在 数 十 亿 的 网 站 中 进行 搜索 将 会 非常 耗 时 ， 只 得 到 较 
少 的 搜索 结果 。 

树 搜索 (tree search ) : 先 在 脑海 中 想象 出 一 棵 树 。 现 在 从 这 棵 树 的 根部 或 者 叶子 开 
始 巡 视 这 棵 树 ， 这 就 是 树 搜索 的 工作 方式 。 该 算法 可 以 从 数据 最 宽广 的 叶子 部 分 开 
始 ， 一 直 搜 索 到 最 狭窄 的 根部 ， 也 可 以 从 最 狭窄 的 根部 开始 ， 一 直 搜索 到 最 宽广 的 
叶子 部 分 。 数 据 集 就 像 一 棵 树 : 一 份 数据 通过 分 支 与 其 他 数据 发 生 联 系 , 这 就 像 Web 
是 网 页 的 组 织 方式 一 样 。 树 搜索 并 不 是 唯一 一 种 能 成 功用 于 Web 搜索 的 算法 ， 但 是 
它 确 实 非常 适用 于 Web 搜索 。 

SQL 搜索 (SQL search ) : 树 搜索 的 一 个 缺陷 是 它 只 能 逐 层 地 进行 搜索 ， 也 就 是 说 ， 
它 只 能 根据 数据 的 次 序 从 一 项 数据 搜索 到 另 一 项 数据 。 而 SQL 搜索 就 没有 这 种 局 限 
性 ， 它 允许 以 非 逐 层 式 搜索 ， 这 意味 着 可 以 从 数据 的 任意 一 个 子 集 开始 搜索 。 
启发 式 搜索 (informed search ) : 启发 式 搜索 算法 是 在 类 似 树 结构 的 数据 集中 查找 给 
定 问 题 的 答案 。 启 发 式 搜索 并 不 是 Web 搜索 的 最 佳 选 择 ， 但 是 ， 启 发 式 搜索 非常 适 
用 于 在 特定 的 数据 集中 执行 特定 的 查询 。 

敌对 搜索 ( adversarial search ) : 敌对 搜索 算法 试图 穷 举 问题 的 所 有 答案 ， 这 就 像 在 
游戏 中 试图 寻找 所 有 可 能 的 解决 方案 。 该 算法 很 难 用 于 Web 搜索 ， 因 为 在 网 络 上 ， 
无 论 是 一 个 单词 还 是 一 个 短评 ， 都 几乎 会 有 无 穷 多 的 搜索 结果 。 

约束 满足 搜索 ( constraint satisfaction search ) : 在 网 络 上 搜索 某 个 单词 或 短语 时 ， 约 
束 满足 搜索 算法 的 搜索 结果 最 有 可 能 满足 你 的 需求 。 该 搜索 算法 通过 满足 一 系列 的 
约束 来 寻找 答案 ， 并 且 可 以 用 各 种 不 同 的 方式 来 搜索 数据 集 ， 而 不 必 局 限于 线性 搜 
索 。 约 束 满足 搜索 非常 适用 于 Web 搜索 。 


在 构建 搜索 引擎 时 只 有 很 少 几 种 搜索 算法 可 供 选 择 。 搜 索引 擎 通常 都 会 同时 使 用 多 种 搜索 
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算法 , 并且 在 大 部 分 情况 下 还 会 创建 一 些 专 有 的 搜索 算法 。 例 如 , 搜索 护士 长 在 搜索 引擎 的 搜 
索 结 果 中 的 排名 ， 了 解 一 下 所 面 对 的 搜索 引擎 的 原理 是 很 重要 的 。 只 有 明白 了 它们 的 原理 ， 才 
能 知道 如 何 满足 搜索 引擎 的 搜索 要 求 ， 尽 可 能 地 增加 网 站 的 曝光 率 。 


5. 检索 和 排序 


网 络 搜索 引擎 的 数据 检索 是 由 爬虫 (也 称 为 蜘蛛 或 机 器 人 )、 数 据 库 以 及 搜索 算法 共同 完 
成 的 。 这 三 个 部 分 相互 配合 , 根据 用 户 在 搜索 引擎 用 户 界 面 中 输入 的 单词 或 短语 从 数据 库 中 检 
索 出 所 需 的 数据 。 

真正 棘手 的 事情 是 搜索 结果 的 排序 。 我们 将 耗费 大 量 的 时 间 和 精力 , 试图 去 改变 排序 的 结 
果 , 网 页 在 搜索 引擎 中 的 排名 决定 了 人 们 能 有 多 大 的 概率 访问 到 该 网 页 ， 这 无 疑 会 影响 到 包括 
收益 和 广告 预算 在 内 的 所 有 事情 .不 过 , 想 要 确切 地 知道 搜索 引擎 的 排序 方法 几乎 是 不 可 能 的 。 

在 通常 情况 下 , 所 能 做 的 只 是 根据 搜索 结果 ,猜测 搜索 引擎 对 结果 的 排序 方法 ， 据 此 修改 
网 页 ， 从 而 提高 网 页 的 排名 。 不 过 要 记 住 , 尽管 数据 检索 和 结果 排序 在 本 书 是 分 为 两 个 部 分 介 
绍 的 , 但 是 它们 实际 上 都 属于 搜索 算法 的 范畴 。 将 两 者 分 别 单独 列 出 来 是 为 了 帮助 读者 更 好 地 
理解 搜索 引擎 的 原理 。 

排序 在 搜索 引擎 优化 中 扮演 着 至 关 重 要 的 角色 ， 因 此 在 本 书 中 会 很 频繁 地 涉及 这 个 概念 。 
本 书 会 从 各 个 方面 讨论 与 结果 排序 有 关 的 内 容 。 不 过 先 来 看 看 有 哪些 因素 会 影响 到 网 页 在 搜索 
结果 中 的 排名 。 请 务必 谨 记 , 各 个 搜索 引擎 所 使 用 的 排序 标准 是 不 一 样 的 ， 所 以 下 面 这 些 因 素 
在 不 同 的 搜索 引擎 中 的 重要 性 也 是 不 一 样 的 。 

。 位 置 (location ) : 这 里 所 说 的 位 置 并 不 是 网 页 的 位 置 (也 就 是 URL ) ， 而 是 网 页 中 

关键 单词 或 关键 短语 的 位 置 。 举 个 例子 ， 如 果 用 户 搜索 “puppies” 这 个 单词 ， 有 些 
搜索 引擎 就 会 根据 网 页 中 单词 “puppies” 出 现 的 位 置 对 结果 进行 排序 。 显 然 ， 网 页 
中 这 个 单词 出 现 的 位 置 越 靠 前 ， 其 排名 也 就 可 能 越 高 。 所 以 ， 如 果 某 个 网 站 的 title 
标签 中 含有 “puppies” 的 网 站 ， 那 么 其 排名 会 比较 靠 前 。 从 中 可 以 看 出 ， 没 有 经 过 
SEO 的 网 站 很 难 获得 其 应 用 的 排名 。 例 如 www.puppies.com 就 是 这 样 的 一 个 例子 。 
在 Google 的 搜索 结果 中 ， 它 排 在 第 五 位 ， 而 不 是 第 一 位 ， 其 title 标签 中 没有 关键 字 
无 疑 是 最 值得 怀疑 的 原因 。 

。 频率 (frequency ) : 关键 字 在 网 页 中 出 现 的 频率 也 有 可 能 会 影响 到 网 页 在 搜索 结果 
中 的 排名 。 比 如 ， 还 是 puppies 的 网 页 ， 如 果菜 个 网 页 使 用 了 5 次 这 个 单词 ， 其 排名 
就 很 可 能 高 于 只 使 用 了 两 三 次 这 个 单词 的 网 页 。 由 于 关键 字 出 现 的 频率 会 影响 排名 ， 
因此 部 分 网 站 设计 人 员 就 将 大 量 重复 的 关键 字 隐 藏 在 网 页 中 ， 企 图 人 为 地 提高 网 页 
的 排名 。 现 在 大 部 分 的 搜索 引擎 都 将 这 种 类 型 的 关键 字 视 为 垃圾 关键 字 ， 在 排名 时 
会 忽略 这 些 关 键 字 ， 这 种 网 页 甚至 有 可 能 会 被 搜索 引擎 屏蔽 。 

e 链接 (links ) : 网 页 中 链接 的 类 型 和 数量 是 一 种 新 出 现 的 影响 排名 的 因素 。 进 出 网 站 
的 以 及 网 站 内 部 的 链接 数量 都 有 可 能 影响 排名 结果 。 根 据 这 个 原理 ， 如 果 网 页 中 的 
链接 越 多 ， 或 是 指向 这 个 网 页 的 链接 越 多 ， 那 么 该 网 站 的 排名 应 该 就 会 越 高 ， 但 事 
实 上 并 不 是 每 个 搜索 引擎 都 是 如 此 。 更 准确 地 说 ， 指 向 该 网 页 的 链接 的 数量 与 该 网 
页 内 部 的 链接 数量 的 比值 ， 及 其 与 网 页 指向 外 部 的 链接 数量 的 比值 ， 对 网 页 在 搜索 
中 的 排名 是 至 关 重 要 的 。 
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日 点 击 次 数 (click-throughs ) : 最 后 一 个 有 可 能 影响 网 站 在 搜索 结果 中 排名 的 因素 就 是 网 站 
的 点 击 次 数 是 否 高 于 参与 排序 的 其 他 网 页 。 因 为 搜索 引擎 无 法 监视 每 个 搜索 结果 所 获得 的 
点 击 次 数 。 根 据 用 户 对 搜索 结果 的 反馈 ， 点 击 次 数 的 多 少 就 有 可 能 会 对 将 来 搜索 结果 的 排 
序 产生 影响 。 


网 页 排序 是 一 门 非常 严谨 的 科学 ， 而 各 个 搜索 引擎 的 排序 方法 也 存在 着 一 些 差别 。 所 以 ， 
如 果 网 站 想 要 得 到 最 好 的 搜索 引擎 优 化 效果 ,就 必须 对 所 关注 的 搜索 引擎 的 网 页 排序 方法 有 所 
了 解 。 在 创建 、 修 改 或 更 新 要 优化 的 网 站 时 ， 就 应 该 考虑 到 各 种 可 能 影响 到 网 页 排名 的 因素 ， 
并 尽 可 能 地 利用 这 些 因素 来 提高 网 页 的 排名 。 


13.2 正确 制作 SEO 方案 


在 开始 为 搜索 引擎 优化 网 站 之 前 ， 首 先 要 制定 一 个 搜索 引擎 优化 方案 。 这 将 有 助 于 设 定 
SEO 的 目标 ， 时 刻 将 其 作为 网 站 修改 的 目的 ， 并 据 此 不 断 改进 搜索 引擎 优化 的 策略 。 


13.2.1 设 定 SEO 目 标 


明白 了 SEO 的 重要 性 , 现在 来 看 看 具体 该 怎么 做 。 在 实现 目标 之 前 ,不 要 盲目 地 开始 实施 
SEO 策略 。 跟 各 种 技术 方案 一 样 ， 很 多 SEO 方案 失败 的 原因 就 是 没有 明确 的 目标 。 要 根据 业务 
需求 设 定 SEO 方 案 的 目标 ， 并 不 是 所 有 的 业务 都 需要 SEO。 如 果 仅仅 是 运营 一 个 简单 的 博客 ， 
就 不 值得 做 SEO。 

如 果 有 更 大 的 业务 ， 比 如 销售 图 书 类 的 网 站 ， 扩 大 业务 (有 可 能 增加 50% 的 销售 ) 的 一 
个 办 法 就 是 投入 时 间 、 金钱 和 足够 的 精力 针对 搜索 引擎 对 网 站 进行 优化 , 其 前 提 是 要 确定 好 优 
化 的 目标 。 

在 销售 书籍 网 站 的 这 个 例子 中 , 优化 的 目标 有 两 个 : 首先 是 增加 网 站 的 访问 人 数 ， 其 次 是 
向 外 地 的 潜在 客户 展示 产品 和 服务 。 

所 以 在 制定 SEO 方案 之 前 , 首先 要 确定 你 所 想 要 达到 的 目标 。 要 明确 详细 地 设 定 SEO 目标 ， 
目标 越 具 体 ， 就 越 容易 实现 。 

要 确保 目标 是 具体 的 、 可 实现 的 。 有 些 情 况 下 ， 如 果 只 是 为 了 SEO 而 SEO， 就 有 可 能 一 无 
所 获 。 搜 索引 擎 会 不 断 地 修改 网 站 排名 的 规则 。 最 开始 可 能 会 考虑 网 站 内 部 、 进 行 网 站 的 链接 
数 。 突然 , 所 有 的 网 站 管理 员 都 开始 在 网 站 上 添加 大 量 的 无 关 链 接 。 这 样 就 会 导致 垃圾 链接 的 
数量 大 增 。 不 用 多 和 久 ， 搜 索引 擎 就 会 在 链接 规则 中 加 入 其 他 的 要 求 ， 以 消除 这 些 垃圾 链接 对 网 
站 排名 的 影响 。 

现在 的 链接 策略 已 经 非常 复杂 , 必须 遵守 一 大 堆 的 规则 , 否则 网 站 就 有 可 能 会 被 搜索 引擎 
屏 项 ， 这 也 被 称 为 SEO0 作 次 (SEO spam) 。 仅 仅 追 求 搜索 引擎 中 的 某 一 个 排名 因素 是 不 可 能 
获得 最 高 排名 的 。 只 有 正确 地 设 定好 SEO 的 目标 ， 才 有 可 能 获得 均匀 的 流量 增长 ， 这 自然 就 会 
提高 网 站 在 搜索 引擎 中 的 排名 。 

除了 明确 目标 外 ， 还 要 考虑 如 何 才 能 使 SEO 目标 契合 商业 目标 。 商 业 目 标 才 是 网 站 的 最 终 
目的 ， 所 以 ， 如 果 SEO 的 目标 与 商业 目标 相 冲 突 ， 那 就 注定 会 失败 。 要 确保 SEO 目标 符合 整体 
商业 目标 。 
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最 后 一 点 是 ， 要 时 刻 根据 具体 情况 调整 目标 。 设 定 一 个 目标 或 者 是 一 系列 目标 ， 这 对 于 
SEO 活动 反而 是 不 利 的 。 不 过 SEO 目标 和 方案 跟 其 他 类 型 的 方案 一 样 , 也 要 具有 一 定 的 灵活 性 ， 
要 根据 实际 情况 的 变化 而 变化 。 从 这 点 考虑 ， 应 该 要 有 计划 地 对 SEO 目标 和 方案 进行 评估 ,至 
少 每 6 个 月 要 评估 一 次 ， 如 果 能 每 季度 进行 一 次 评估 就 更 好 了 。 


13.2.2 制定 SEO 方案 


在 明确 网 站 的 目标 后 就 应 该 开始 制定 SEO 方案 了 。SEO 方 案 就 是 对 网 站 实施 SEO 策略 的 书 
面 依据 。 


1. 确定 网 页 的 优先 次 序 


先 从 细节 方面 来 看 SEO。 不 是 看 整个 网 站 ,而 是 只 关注 网 站 中 的 一 个 个 网 页 ， 先 确定 每 个 
网 页 的 等 级 ， 然 后 根据 各 个 网 页 的 等 级 来 制定 SEO 方案 。 等 级 最 高 的 网 页 应 该 是 那些 访问 者 最 
多 的 页 面 ， 比 如 网 站 的 首页 ， 或 是 流量 最 大 、 有 3 个 优先 级 最 高 的 页 面 ， 那 么 在 进行 SEO 和 市 
场 营销 时 ， 绝 大 部 分 的 时 间 、 经 费 和 努力 都 会 投入 到 这 3 个 网 页 上 。 

2. 网 站 评估 

在 确定 了 网 页 的 优先 级 之 后 ， 就 要 对 网 站 的 现状 进行 评估 ， 确 定 哪些 地 方 应 该 保持 不 变 、 
哪些 地 方 需要 针对 搜索 引擎 进行 优化 。 要 逐个 地 对 网 页 进行 评估 , 而 不 是 对 整个 网 站 进行 评估 。 
在 SEO 中 ， 单 个 网 页 的 重要 性 跟 整 个 网 站 的 重要 性 是 等 同 的 ， 有 时 甚至 比 整个 网 站 还 重要 。 最 
终 目 的 就 是 要 让 某 个 网 页 在 搜索 结果 中 获得 最 好 的 排名 。 要 根据 具体 的 商业 需求 才能 确定 最 重 
要 的 网 页 是 哪个 。 

SEO 评估 应 该 罗列 出 每 个 网 页 上 各 个 主要 SEO 元 素 的 现状 , 包括 的 内 容 应 该 有 所 评估 的 元 
素 的 名 称 、 当 前 的 状态 、 需 要 做 哪些 改进 、 改 进 完 成 的 期 限 。 因 为 SEO 是 没有 终点 的 ， 所 以 每 
个 项 目 都 应 该 有 一 个 相应 的 复 选 框 , 用 来 标记 该 项 改进 是 否 完成 , 同时 还 应 该 有 一 列表 格 用 于 
记录 后 续 信 息 。 在 进行 评估 时 应 该 考虑 到 以 下 元 素 。 


。 网 站 和 网 页 的 标签 : 网 站 代码 中 的 元 标签 是 搜索 引擎 对 网 站 进行 分 类 的 基本 依据 。 
其 中 需要 特别 关注 的 是 标题 标签 ( title tag ) 和 描述 标签 ( description tag ) ， 这 两 者 对 
于 搜索 引擎 是 最 重要 的 。 

e 网 页 内 容 : 内 容 有 多 新 鲜 ? 内 容 之 间 的 关联 度 如 何 ? 更 新 的 频率 高 低 ? 内 容 充实 与 
否 ? 对 于 搜索 结果 来 说 ， 内 容 还 是 很 重要 的 。 无 论 人 们 要 寻找 的 是 一 个 产品 还 是 一 条 
信息 ， 这 都 属于 网 页 的 内 容 。 如 果 网 站 的 内 容 过 于 陈旧 ， 搜 索引 人 擎 最 终 会 忽略 你 的 网 
站 ， 而 偏向 于 那些 内 容 及 时 更 新 的 网 站 。 但 也 有 例外 ， 如 网 站 的 内 容 很 充实 ， 而 且 这 
些 内容 并 不 需要 经 常 更 新 。 因 为 这 些 内容 永 远 都 是 有 用 的 ， 所 以 即使 是 不 经 常 更 新 也 
有 可 能 获得 很 好 的 排名 。 但 是 很 难 判断 我 们 的 网 站 是 否 存在 这 种 情况 ， 在 大 部 分 情况 
下 网 站 的 内 容 还 是 越 新 鲜 越 好 。 

e 网 站 链接 : 网 站 链接 是 SEO 过 程 中 必须 要 考虑 的 因素 。 伶 虫 和 蜘蛛 就 是 通过 进出 网 
站 的 链接 对 网 站 进行 遍历 ， 并 收集 各 个 URL 的 信息 。 不 过 它们 还 会 根据 上 下 文 对 链 
接 进 行 分 析 ， 链 接 必须 来 自 或 指向 与 当前 被 索引 网 页 相关 的 网 站 。 失 效 链接 会 严重 
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影响 搜索 引擎 的 排名 ， 所 以 要 仔细 检查 每 个 链接 ， 确 保 每 个 链接 在 整个 评估 过 程 中 
都 是 可 以 访问 的 。 

。 网 站 地 图 : 可 能 有 人 不 相信 ， 网 站 地 图 有 助 于 网 站 被 准确 地 链接 。 但 这 里 说 的 网 站 
地 图 并 不 是 帮助 访问 者 快速 地 寻找 网 站 内 容 的 普通 网 站 地 图 ， 而 是 一 份 位 于 HTML 
根 目录 下 的 XML 文档 , 其 中 含有 网 站 中 每 个 网 页 的 信息 (包括 URL、 最 近 更 新 日 期 、 
与 其 他 网 页 的 关系 等 ) 。 这 个 XML 文档 可 以 确保 网 站 中 深层 次 的 网 页 也 能 顺利 地 被 
搜索 引擎 索引 。 


3. 制定 方案 


在 完成 对 网 站 的 评估 之 后 ， 就 能 知道 哪些 地 方 需要 改进 、 哪 些 地 方 可 以 保持 现状 ， 以 确定 
SEO 的 工作 重点 。 但 是 , SEO 计划 并 不 仅仅 是 标明 哪些 地 方 要 修改 , 或 者 哪些 地 方 要 保持 原状 。 
所 有 的 信息 《〈 当 前 的 状况 、 市 场 营 销 、 所 需 资 金 、 时 间 安 排 等 ) 都 要 整合 到 这 份 文档 中 。 

SEO 方案 跟 商 业 方 案 之 类 的 方案 没有 什么 区 别 。 在 方案 中 要 包括 背景 信息 、 市 场 信息 、 业 
务 增长 计划 以 及 如 何 应 对 可 能 出 现 的 问题 。SEO 方 案 也 是 如 此 ， 其 中 要 包括 当前 的 状况 、 计 划 
实现 的 目标 、 每 个 网 页 的 营销 计划 或 者 是 整个 网 站 的 营销 计划 ) ， 甚 至 还 应 该 包括 实施 该 
SEO 方案 所 需 的 经 费 开支 。 

在 方案 中 , 还 需 列 出 计划 使 用 的 策略 。 这些 策 略 可 以 是 将 网 站 或 网 页 人 工 提交 到 网 页 分 类 
目录 中 和 添加 能 吸引 搜索 爬虫 的 内 容 , 或 者 是 使 用 关键 字 营 销 或 竞价 排名 , 还 要 为 这 些 策略 的 
测试 和 实施 以 及 对 落实 情况 的 监督 安排 好 时 间 。 


13.3 用 SEO 构建 网 站 





SEO 是 一 个 持续 的 过 程 ， 不 要 贪 大 求全 ,不 要 一 次 性 实施 过 多 的 策略 ， 和 否则 会 出 现 以 下 两 
种 你 不 愿意 见 到 的 情况 。 

(1) 无 法 知道 哪 种 策略 是 成 功 的 。 一 次 实施 一 条 策略 就 能 分 辨 出 哪些 策略 是 有 效 的 ， 而 
哪些 是 无 效 的 。 

(2) 一 次 实施 过 多 的 策略 会 使 得 所 有 的 努力 陷于 混乱 ， 甚 至 连 那些 原本 有 效 的 策略 也 无 
法 发 挥 作用 。 

用 SEO 构建 网 站 时 ， 首 先 要 关注 的 是 构建 网 站 的 方式 。 最 能 吸引 搜索 引擎 疏 虫 的 就 是 网 站 
的 设计 、 标 签 、 链 接 、 导 航 栏 结 构 以 及 网 站 的 内 容 。 


13.3.1 构建 目标 


在 开始 构建 网 站 之 前 , 应 该 知道 哪些 搜索 引擎 对 于 网 站 是 最 重要 的 。 搜 索引 擎 分 为 不 同 的 
类 型 ,包括 主流 搜索 引擎 、 二 级 搜索 引擎 以 及 专用 搜索 引擎 。 此 外 ,还 可 以 根据 搜索 引擎 索引 
和 分 类 信息 的 方式 对 其 进行 分 类 ， 可 分 为 如 下 3 种 搜索 引擎 。 


e@ 基于 爬虫 的 搜索 引擎 (crawler-based engine ) : 比如 Google， 是 通过 自动 化 的 软件 代 
理 对 网 站 进行 访问 、 读 取 和 索引 。 怜 虫 将 所 收集 到 的 所 有 信息 都 返回 到 中 心服 务 器 ， 
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这 就 是 索引 。 搜 索引 擎 的 结果 就 来 自 于 这 些 。 基 于 爬虫 的 搜索 引擎 会 根据 管理 员 指 
定 的 时 间 间 隔 反复 地 访问 网 页 。 
@ 人 力 搜 索引 擎 (human-powered engine ) : 人 力 搜 索引 擎 依赖 于 人 们 为 其 提交 信息 用 
于 索引 并 转化 为 搜索 结果 。 有 时 人 力 搜 索引 擎 也 被 称 为 分 类 目录 。Yahoo! 就 曾经 是 
一 个 人 力 搜索 引擎。 最 初 ，Yahoo! 只 是 两 个 创始 人 为 了 方便 共享 有 意思 的 网 站 而 包 
建 的 收藏 夹 。 
。 混合 搜索 引擎 : 混合 搜索 引擎 既 不 完全 依赖 于 网 络 爬 虫 ， 也 不 完全 依赖 于 人 们 提交 
的 信息 。 顾 名 思 义 ， 混 合 搜索 引擎 是 这 两 者 的 混合 体 。 在 混合 搜索 引擎 中 ， 人 们 可 
以 手动 地 提交 网 站 信息 作为 搜索 结果 ， 同 时 也 会 有 网 络 爬 虫 自 动 地 收录 网 络 中 的 网 
站 。 现 在 大 部 分 的 搜索 引擎 都 在 一 定 程度 上 趋向 混合 搜索 引 警 。 很 多 搜索 引 人 擎 主要 
是 依靠 爬虫 ， 同 时 人 们 也 能 通过 某 些 方式 输入 网 站 的 信息 。 
一 定 要 理解 这 三 种 搜索 引擎 之 间 的 区 别 , 因为 网 站 在 搜索 引擎 中 的 最 终 地 位 与 其 被 索引 的 
时 间 有 直接 的 关系 。 例如 , 完全 自动 化 的 搜索 引擎 通过 网 络 爬 虫 索 引 网 站 的 时 间 可 能 会 比 人 力 
搜索 引擎 早 几 个 星期 (甚至 是 几 个 月 ) 。 原 因 很 简单 ， 网 络 爬 虫 是 一 个 自动 化 的 程序 ， 而 人 力 
搜索 引擎 在 将 网 站 纳入 其 搜索 结果 之 前 还 需要 认真 的 检查 。 
无 论 什 么 情况 , 搜索 引擎 的 准确 度 都 取决 于 所 使 用 的 查询 词 。 例 如， 人 力 搜索 引擎 中 的 条 
目 从 技术 上 说 应 该 更 加 准确 ， 但 是 搜索 时 所 使 用 的 搜索 词 决 定 了 是 否 能 得 到 所 需 的 结果 。 


13.3.2 ”页 面 元 素 


在 建站 之 前 需要 考虑 的 另 一 个 SEO 因素 就 是 要 确保 网 站 上 各 个 元 素 能 被 搜索 引擎 正确 地 
索引 。 不 同 的 页 面 元 素 在 不 同 的 搜索 引擎 中 有 着 不 同 的 重要 性 。 例 如 ，Google 是 典型 的 关键 字 
驱动 的 搜索 引擎 ， 但 它 还 是 会 关注 网 站 的 受 欢 迎 程度 以 及 网 页 上 的 标签 和 链接 。 

网 站 在 搜索 引擎 中 的 排名 取决 于 网 页 中 各 个 元 素 是 否 符合 搜索 引擎 的 标准 。 有 些 标 准 是 每 
个 搜索 引擎 都 会 关注 的 ， 包 括 网 站 的 文本 关键 字 ) 、 标 签 (包括 HTML 标 签 和 元 标签 ) 、 网 
站 链接 以 及 网 站 的 流行 度 。 


1. 文本 


无 论 何 种 网 站 , 文本 都 是 最 重要 的 元 素 , 尤其 重要 的 是 网 页 文本 中 的 关键 字 , 包括 关键 字 
出 现 的 位 置 、 出 现 的 频率 。 在 搜索 引擎 索引 网 站 并 将 其 作为 搜索 结果 呈现 时 ， 关 键 字 是 最 重要 
的 页 面 元 素 。 

关键 字 必 须 与 访问 者 搜索 网 站 时 所 使 用 的 单词 或 短语 〈 或 者 是 网 站 上 的 话题 或 商品 名 称 ) 
保持 一 致 .为 了 确保 关键 字 是 有 效 的 ,需要 花 一 些 时 间 来 了 解 哪些 关键 字 是 最 适合 你 的 网 站 的 ， 
也 就 是 通过 关键 字 搜 索 来 判断 你 所 选择 的 关键 字 是 否 有 效 。 

2. 标签 

在 搜索 引擎 优化 中 ， 有 两 种 标签 是 很 重要 的 : 元 标签 和 HTML 标 签 。 从 技术 上 说 ， 元 标签 
实际 上 就 是 出 现在 特定 位 置 的 HTML 标 签 。 最 重要 的 两 种 元 标签 是 关键 字 标签 和 描述 标签 。 

关键 字 标 签 中 列 出 了 网 站 的 关键 字 。 在 搜索 引擎 优化 页 面 中 的 关键 字 标 签 形式 如 下 
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(meta name="keywords " content=" 关 键 字 一 ,关键 字 二 ,关键 字 三 , 关键 字 四 "> 

描述 标签 则 是 对 网 页 的 简短 介绍 。 在 搜索 引擎 优化 页 面 中 ， 其 形式 如 下 : 

<meta name="description"” content=" 对 关键 字 的 描述 "> 

并 不 是 所 有 的 搜索 引擎 都 会 考虑 到 元 标签 。 所 以 , 在 使 用 元 标签 的 同时 ,还 要 配合 使 用 其 
他 的 HTML 标 签 。 在 网 页 上 使 用 的 其 他 HTML 标 签 包括 title 标 签 、 顶 级 标题 〈 即 hl ) 标签 及 其 
锚 链 标签 。 

title 标 签 用 于 指定 网 页 的 标题 ， 形 式 如 下 : 

<title> 网 页 标题 </title> 

设置 好 title 标 签 后 ， 在 用 户 打 开 你 的 网 站 时 ， 标 题 会 显示 在 浏览 器 的 标签 中 ， 如 图 13-2 
所 示 。 
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图 13-2 标题 显示 在 浏览 器 标签 中 

在 候 虫 检索 网 站 时 ， 顶 级 标题 (hl ) 也 是 很 重要 的 。 关 键 字 应 该 出 现在 用 于 创建 hl 标题 
的 标签 中 。hl 标签 的 形式 如 下 : 

<h1> 关 键 字 </h1> 

锚 链 标签 用 于 创建 页 面 之 间 的 链接 。 锚 链 可 以 将 用 户 带 到 另 一 个 网 页 网络 上 的 某 个 文件 ， 
甚至 是 图 片 或 音频 文件 。 你 最 熟悉 的 锁链 标签 应 该 是 用 于 创建 指向 另 一 个 网 站 的 链接 。 销 链 标 
签 的 形式 如 下 : 

<a href=http://www.******.COmM/>******</a> 

锚 链 标签 可 以 与 之 前 介绍 的 其 他 标签 配合 使 用 。 链接 可 以 是 基于 文本 的 , 这 段 文本 是 搜索 
引擎 优化 中 需要 关注 的 。 网 站 中 有 多 少 带 下 划 线 的 文本 ? 其 中 有 多 少 是 与 网 站 主题 相关 的 ? 这 
些 链接 都 需要 进行 优化 。 当 搜索 引擎 疏 虫 检索 网 页 时 ， 它 会 对 链接 进行 检查 。 
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3. 链接 


有 意义 的 链接 必须 是 与 网 站 内 容 密切 相关 的 , 而 且 必 须 是 指向 真实 网 站 的 有 效 链 接 。 死 链 
接 会 降低 网 站 的 搜索 引擎 排名 。 链接 一 直 以 来 都 是 网 站 排名 的 重要 因素 , 但 是 链接 的 泛滥 却 是 
在 Google 成 为 搜索 领域 的 霸主 之 后 的 这 几 年 才 开始 大 量 出 现 的 。 
当 链 接 成 为 网 站 排序 的 依据 之 后 ， 有 些 黑 帽 SEO 试图 以 这 种 形式 获得 更 好 的 搜索 引擎 排名 。 

搜索 引擎 的 管理 员 很 快 就 发 现 了 这 种 作 浆 行为 , 并 对 与 链接 相关 的 排名 标准 做 了 改进 。 现 
在 链接 已 经 没有 多 大 意义 了 , 但 是 网 站 中 的 链接 还 是 非常 重要 的 。 链接 显示 了 网 站 与 整个 社区 
(网 络 上 的 其 他 网 站 ) 之 间 的 交互 情况 ,也 说 明了 网 站 在 网 络 中 的 地 位 。 链 接 并 不 是 唯一 的 排 
名 标准 ， 甚 至 也 不 是 最 重要 的 排名 标准 ， 但 是 链接 对 排名 的 意义 还 是 重大 的 。 

4. 流行 度 

在 建站 之 前 还 需要 考虑 网 站 的 流行 度 。 很 多 搜索 引擎 都 会 将 用 户 在 搜索 结果 中 点 击 网 站 的 
次 数 作为 排序 的 依据 之 一 。 在 搜索 结果 中 被 用 户 点 击 的 次 数 越 多 ， 网 站 的 排名 也 就 越 高 。 

对 于 建站 的 人 来 说 , 在 建站 时 就 要 通过 广告 、 新 闻 邮 件 等 各 种 渠道 对 网 站 进行 宣传 。 这 样 
在 网 站 正式 发 布 时 就 能 取得 事半功倍 的 效果 ， 当 然 这 并 不 是 一 件 容 易 的 事 。 

为 搜索 引擎 优化 网 站 就 是 为 了 提高 网 站 的 流行 度 . 而 网 站 在 搜索 引擎 中 的 排名 又 取决 于 网 
站 的 流行 程度 。 没 有 什么 便捷 的 方法 能 解决 这 个 问题 ， 需要 时 间 和 持之以恒 的 努力 才能 将 访问 
者 吸引 到 你 的 网 站 。 

5. 其 他 标准 

在 网 站 中 除了 要 考虑 上 述 4 种 主要 元 素 外 ， 还 有 一 些 需要 考虑 的 元 素 。 例 如 ， 疏 虫 在 索引 
网 站 时 会 检查 其 中 的 粗 体 字 。 粗 体 字 中 必须 有 足够 多 的 关键 字 才能 吸引 爬虫 的 注意 力 ， 当然 也 
不 能 做 得 太 过 ， 让 人 觉得 是 关键 字 的 堆砌 。 

图 片 和 链接 的 备 选 标 签 也 很 重要 。 当 网 站 无 法 正常 显示 时 ,这些 标签 会 对 网 站 上 的 图 片 做 
一 个 简要 的 介绍 。 备 选 标签 也 被 称 为 alt 标 签 (alt tag) ， 用 于 在 图 片 无 法 正常 显示 时 显示 一 段 
对 图 片 的 简要 描述 ， 告 诉 访问 者 那里 本 应 该 是 什么 ， 也 可 以 在 alt 标 签 中 添加 关键 字 。 


13.3.3 ”网 站 优化 


网 站 优化 就 是 研究 如 何 创建 一 个 能 被 搜索 引擎 和 分 类 目录 收录 的 网 站 。 听 上 去 似乎 很 简 
单 ， 但 实际 上 要 考虑 很 多 问题 ， 绝 不 仅仅 是 网 站 的 关键 字 、 链 接 和 HTML 标 签 。 

在 公司 或 个 人 设计 网 站 时 经 常会 问 到 这 个 问题 :网 站 的 主机 服务 提供 商 很 重要 吗 ? 回答 是 
否定 的 , 但 这 并 不 是 说 可 以 随意 地 选择 主机 服务 提供 商 。 要 在 搜索 结果 中 取得 好 的 排名 ,在 选 
择 主机 服务 提供 商 时 还 是 要 注意 以 下 两 个 问题 。 


e 最 重要 的 就 是 主机 服务 提供 商 是 否 与 你 的 公司 位 于 同一 个 地 方 。 如 果 你 的 公司 在 美 
国 ， 而 购买 的 服务 器 在 英国 ， 那 么 网 站 的 搜索 引擎 排序 必然 会 很 糟糕 。 搜 索引 人 擎 上 
虫 在 读 取 网 站 时 所 记录 的 地 理 信 息 会 与 你 公司 的 实际 地 理 位 置 产生 矛盾 。 因 为 不 少 
搜索 引擎 会 根据 地 理 位 置 提供 不 同 的 搜索 结果 ， 而 这 种 网 站 服务 器 位 置 与 公司 实际 
地 理 位 置 的 差别 会 影响 到 网 站 的 排名 。 


败 
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e 域名 注册 时 间 的 长 短 也 会 影响 到 网 站 的 搜索 引擎 排名 。 很 多 黑客 所 使 用 的 域名 都 是 
“ 即 用 即 丢 ” 的 ， 或 者 是 注册 时 间 不 超过 一 年 的 域名 ， 因 为 他 们 根本 就 不 会 为 这 些 
域名 续费 。 因 此 ， 很 多 搜索 引擎 在 排名 时 都 会 优先 考虑 注册 时 间 较 长 的 域名 。 域 名 
的 历史 也 反映 出 网 站 所 有 者 对 网 站 持之以恒 的 维护 。 


13.3.4 选取 域名 的 技巧 


SEO 中 所 强调 的 是 ， 网 站 的 域名 与 其 他 SEO 元 素 一 样 重要 。 做 一 个 试验 ， 用 你 最 喜欢 的 搜 
索引 擎 搜索 一 个 话题 ， 比 如 “asphalt-paving business”， 然 后 看 看 前 5 位 的 搜索 结果 。 通 常 含 
有 这 些 单词 的 网 站 都 能 在 前 5 个 结果 中 ， 甚 至 往往 排名 第 一 。 

因此 ， 如 果 公司 的 名 称 是 ABC 公司 ， 但 主 营 业务 是 销售 肉 豆 薄 碎 粒 (nutmeg graters) ， 
那么 最 好 能 买 下 NutmegGraters.com 域 名 ， 而 不 是 ABC Company.com， 后 者 不 可 能 获得 最 好 的 
搜索 排名 , 而 产品 的 具体 名 称 则 很 有 可 能 获得 不 错 的 排名 。 网 站 的 内 容 和 网 站 的 域名 都 会 引起 
网 络 怜 虫 的 注意 ， 所 以 使 用 含有 关键 字 的 域名 通常 都 能 提高 网 站 的 排名 。 

在 选择 域名 时 还 需要 考虑 到 其 他 的 一 些 问 题 。 


e 域名 要 尽 可 能 地 简短 。 域 名 太 长 容易 造成 拼写 错误 。 除 非 域名 很 有 特色 ， 否 则 用 户 
不 可 能 记 住 太 长 的 域名 。 

。 避免 模 杠 、 下 划 线 等 无 意义 的 符号 。 即 使 中 意 的 域名 已 经 被 别人 注册 了 ， 也 不 要 为 
了 获得 一 个 类 似 的 域名 而 随意 添加 符号 或 数字 。 类 似 的 域名 是 没有 意义 的 ， 而 应 该 
去 寻找 另 一 个 相关 的 单词 。 

e 尽量 选择 net、org 、com 等 域名 。 现 在 可 供 选 择 的 域名 后 级 有 很 多 种 ， 
如 .cn、.com、.info、.biz、.us、.tv、.names、.jobs 等 。 但 是 ，net、org、com 等 域名 
永远 是 最 佳 选择 。 对 于 用 户 来 说 ，.com 是 最 自然 的 ，.net、.org 是 教育 和 国家 政府 方 
面 的 ,而 其 他 的 后 组 都 会 带 来 记忆 上 的 麻烦 。 在 搜索 引擎 中 ,com 域名 也 能 获得 比 其 
他 域名 更 高 的 排名 。 所 以 如 果 你 的 竞争 对 手 的 域名 是 www.yoursite.com, 而 你 所 选择 
的 是 www.yoursite.biz， 那 么 你 的 网 站 在 搜索 结果 中 的 排名 就 会 低 于 竞争 对 手 。 


要 记 住 ,域名 只 是 SEO 策 略 的 一 个 方面 。 在 SEO 中 ， 域 名 的 选择 并 不 是 最 重要 的 , 但 它 对 
SEO 还 是 有 一 定 影响 的 。 


13.3.5 “链接 对 SEO 的 影响 


在 互联 网 刚刚 诞生 的 时 候 , 在 其 引起 普通 大 众 的 兴趣 之 前 , 有 两 种 方法 可 以 访问 互联 网 中 
的 某 个 网 站 : 有 想 浏览 网 站 的 URL, 或 者 是 有 人 将 该 网 页 的 链接 发 送 给 你 。 在 那个 年 代 还 没有 
搜索 引擎 来 帮助 互联 网 用 户 寻 找 所 需 的 内 容 。 

尽管 现在 的 搜索 引擎 功能 已 经 非常 强大 , 能 帮助 我 们 在 互联 网 上 搜索 各 种 信息 , 但 是 网 页 
间 的 链接 依然 是 推广 网 站 所 必 不 可 少 的 强大 工具 。 而 且 链 接 能 将 相关 的 网 站 组 织 在 一 起 , 这 对 
于 网 站 在 搜索 引擎 中 的 排名 具有 很 大 的 提升 作用 。 

链接 策略 已 经 形成 一 门 颇 为 复杂 的 科学 .仅仅 是 在 网 站 的 网 页 中 加 入 几 个 链接 是 远 远 不 够 
的 。 搜 索引 擎 将 链接 分 为 若干 种 不 同 的 类 型 , 不 恰当 的 处 理 甚至 有 可 能 会 导致 网 站 被 搜索 引擎 
从 搜索 结果 中 删除 。 
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在 思考 链接 对 网 站 的 影响 时 , 应 该 看 到 链接 已 经 成 为 互联 网 中 流量 的 主要 路 径 。 如 果 在 搜 
索引 擎 中 搜索 某 个 单词 、 点 击 搜索 结果 ， 就 会 被 带 到 另 一 个 网 页 。 在 浏览 这 个 网 页 时 ， 还 会 遇 
到 指向 其 他 网 站 的 链接 。 除 非 关 闭 浏 览 器 离开 互联 网 ， 否 则 这 个 过 程 就 会 不 断 继续 。 即 使 是 自 
己 在 浏览 器 中 输入 网 页 的 URL， 这 个 过 程 也 是 一 样 的 。 

如 果 与 SEO 联系 最 紧密 的 词 是 关键 词 ， 那 么 接 下 来 的 就 是 链接 了 。 在 搜索 引擎 爬虫 给 网 站 
打分 时 ， 其 权重 不 低 于 关键 字 。 

链接 的 作用 首先 是 将 网 站 与 其 他 相关 网 站 链接 起 来 。 此外, 链接 还 是 一 种 增加 网 站 访问 量 
的 途径 。SEO 的 目的 就 是 为 了 提高 网 站 的 访问 量 ， 从 而 增加 商品 的 销量 ， 这 样 才能 实现 事先 设 
定 的 目标 。 

链接 如 此 重要 的 另 一 个 原因 是 从 其 他 网 站 指向 你 的 网 站 的 链接 就 相当 于 是 对 网 站 价值 的 
肯定 。 网 站 获得 的 链接 越 多 ,搜索 引擎 候 虫 赋 给 网 站 的 权重 越 高 , 这 意味 着 网 站 能 在 搜索 引擎 
中 获得 更 好 的 排名 。 在 诸如 Google 一 类 PageRank 这 样 量化 的 排名 因素 的 搜索 引擎 中 更 是 如 此 。 


13.4 ”网 站 的 关键 字 





关键 字 可 以 用 于 网 站 的 分 类 、 索 引 ， 用户 也 能 通过 关键 字 查 找 其 所 需 的 网 站 ，SEO 产 业 的 
核心 就 是 关键 字 及 其 使 用 。SEO 顾 问 需要 花费 大 量 的 时 间 为 客户 寻找 合适 的 关键 字 。 

容易 被 大 众 接 受 的 有 效 关键 字 能 使 网 站 在 成 千 上 万 的 搜索 结果 中 脱颖而出 。 关 键 字 研 究 工 
具 能 帮助 站 长 寻找 适合 网 站 的 关键 字 ， 有 助 于 搜索 引擎 优化 。 只 有 理解 关键 字 的 用 途 ， 知 道 如 
何 查 找 和 选择 关键 字 ， 学 会 如 何在 网 站 中 使 用 关键 字 ， 才 能 构建 出 有 吸引 力 的 成 功 网 站 。 


13.4.1 选择 合适 的 关键 字 


关键 字 确 实 是 SEO 中 最 关键 的 部 分 之 一 。 关 键 字 在 很 大 程度 上 决定 了 网 站 在 搜索 引擎 中 的 
排名 , 同时 还 决定 了 用 户 能 否 找到 你 的 网 站 。 所 以 在 选择 关键 字 时 ,一定 要 确保 选择 了 适合 网 
站 的 关键 字 。 但 是 ， 如 何 才能 知道 关键 字 的 选择 是 否 正确 ? 


1. 关键 字 的 分 类 


关键 字 的 选择 是 否 正确 合理 , 决定 网 站 是 默默 无 闻 还 是 成 为 用 户 在 搜索 结果 中 的 首选 。 关 
键 字 可 以 分 为 两 种 。 第 一 种 是 品牌 关键 字 (brand keyword) ， 就 是 跟 公司 品牌 直接 相关 的 关 
键 字 。 这 类 关键 字 本 身 就 已 经 跟 网 站 紧密 地 绑 定 在 一 起 了 。 第 二 种 关键 字 就 是 通用 关键 字 , 通 
用 关键 字 就 是 跟 公 司 品 牌 没 有 直接 联系 的 关键 字 。 例 如 ，TeenFashions.com 网 站 ， 其 所 销售 的 
是 年 轻 人 的 服饰 ， 所 以 诸如 服饰 、 时 尚 品牌 、 牛 仔裤 、 服 装 之 类 的 词语 就 有 可 能 成 为 该 网 站 的 
通用 关键 字 。 

品牌 关键 字 如 果 未 使 用 业务 名 称 、 描 述 和 种 类 中 包含 的 关键 字 , 那 就 是 遗漏 了 品牌 关键 字 。 
表面 上 并 不 一 定 要 使 用 这 些 关 键 字 ， 因 为 网 站 本 身 就 已 经 跟 这 些 关键 字 密 切 地 联系 在 一 起 了 ， 
但 如 果 其 他 人 使 用 了 这 些 关键 字 呢 ? 那么 原本 属于 你 的 访问 量 就 会 被 别人 轻易 地 夺 走 。 

关键 字 还 可 以 分 为 另外 两 类 : 需要 付费 的 关键 字 (竞价 排名 ) ; 无 须 付 费 的 关键 字 (自然 
关键 字 ) 。 
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如 果 想 要 付费 购买 关键 字 ， 那 就 是 竞价 排名 的 范畴 ;如 果 偶 然 发 现 某 个 关键 字 适 合 网 站 ， 
那 就 是 自然 关键 字 。 

在 为 网 站 寻找 合适 的 关键 字 时 ， 首 先 应 该 从 网 站 的 业务 开始 。 无 论 是 什么 业务 ， 当 人 们 想 
到 这 种 业务 时 脑海 中 总 会 浮现 出 与 产品 和 服务 有 关 的 单词 .然后 逐步 地 选择 出 最 具体 的 单词 和 
短语 ， 这 能 提高 网 站 访问 量 的 针对 性 。 

2. 竞价 排名 对 SEO 的 影响 


关于 竞价 排名 营销 和 自然 关键 字 营 销 的 选择 存在 很 大 的 争议 。 

一 种 观点 认为 ， 竞 价 排名 会 破坏 关键 字 排 名 。 持 这 种 观点 的 人 认为 ， 付 费 购买 排名 的 行为 
肯定 会 降低 自然 关键 字 的 排名 ， 所 以 对 竞价 持 反对 态度 。 

另 一 种 观点 认为 ， 竞 价 排名 对 SEO 没有 影响 。 这 似乎 有 点 难以 理解 ， 因 为 付费 购买 搜索 结 
果 中 的 排名 自然 就 会 降低 没有 付费 的 网 站 的 排名 , 这 是 显而易见 的 (这 是 支持 第 一 种 观点 的 ) 。 
但 持 第 二 种 观点 的 人 认为 , 即使 不 使 用 竞价 排名 , 光 是 依靠 自然 关键 字 也 能 在 搜索 结果 中 获得 
一 样 的 排名 ， 只 是 需要 更 长 的 时 间 。 

不 过 , 在 大 多 数 人 看 来 , 同时 使 用 竞价 排名 和 自然 关键 字 才 是 最 佳 答 案 , 这 样 做 的 好 处 是 
显而易见 的 。 大 量 的 研究 表明 , 在 使 用 竞价 排名 的 同时 也 对 自然 关键 字 进 行 优化 对 宣传 的 效率 
大 有 神 益 。 例 如 ， 出 价 购买 的 关键 字 排 名 在 搜索 结果 的 第 二 或 第 三 ， 而 且 自 然 关键 字 的 排名 也 
不 低 ， 这 样 的 效果 比 单独 使 用 两 者 中 的 任何 一 种 都 要 好 。 

有 一 点 要 注意 , 几乎 所 有 的 搜索 引擎 对 竞价 排名 和 自然 关键 字 都 是 区 别 对 待 的 。 竞 价 排名 
对 自然 排名 不 会 有 任何 影响 。 只 有 网 站 标签 正确 、 关 键 字 使 用 合理 、 内 容 丰 富 实用 才能 有 助 于 
自然 排名 。 竞 价 排名 只 是 一 种 搜索 营销 策略 。 


13.4.2 ”关键 字 密度 


关键 字 密 度 实际 上 就 是 网 页 中 关键 字 的 数量 和 网 页 中 单词 总 数 的 比值 。 所 以 , 如 果 网 页 中 
有 1000 个 单词 ， 其 中 关键 字 (假设 都 是 单个 的 关键 字 ， 而 不 是 关键 短语 ) 出 现 了 10 次 ， 那么 
关键 字 密 度 就 是 1%。 

合适 的 关键 字 密 度 是 多 少 ? 部 分 专家 认为 关键 字 密 度 应 该 在 2% 一 8% 之 间 。 

如 果 在 网 页 上 毫 无 意义 地 滥用 关键 字 ， 就 会 被 搜索 引擎 视 为 堆砌 关键 字 (keyword 
stuffing) ， 这 将 会 给 网 页 的 排名 带 来 负面 影响 。 

关键 字 密 度 太 低 对 网 站 排名 不 利 , 关键 字 密度 太 高 也 对 网 站 排名 不 利 , 但 至 少 能 通过 竞争 
对 手 网 页 的 源 代 码 来 查看 对 方 的 关键 字 密 度 。 


(7 通过 竞争 对 手 网 站 的 源 代码 也 能 知道 对 方 所 使 用 的 关键 字 。 在 最 开头 的 几 行 源 代 
和 的 关 全 
在 Internet Explorer 中 查看 网 页 源 代码 的 步骤 如 下 : 


01 打开 Internet Explorer， 访 问 想 要 查看 源 代码 的 网 页 。 
02 执行 菜单 “查看 ”|“ 源 文件 ”命令 ， 如 图 13-3 所 示 。 
03 选择 源 文件 ， 系 统 会 打开 一 个 新 窗口 显示 正在 浏览 的 网 页 的 源 代码 ， 如 图 13-4 所 示 。 
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图 13-3 查看 网 页 中 的 源 文 件 图 13-4 网 页 的 源 代码 在 一 个 新 的 “记事 本 ”窗口 中 打开 


这 种 方法 不 仅仅 是 查看 竞争 对 手 所 使 用 的 关键 字 的 最 好 方法 ,还 能 知道 对 方 是 如 何 使 用 关 
键 字 的 ， 以 及 关键 字 在 网 页 中 的 密度 。 


13.4.3 ”避免 关 键 字 堆砌 


本 章 前 面 已 经 提 到 过 关键 字 堆 砌 , 也 就 是 在 网 页 里 加 载 大 量 的 关键 字 , 试图 人 为 地 提升 网 
站 在 搜索 引擎 中 的 排名 。 根据 网 页 类 型 的 不 同 , 关键 字 堆 砌 的 衡量 标准 也 不 同 ,通常 都 是 指 在 
一 个 网 页 中 数 十 次 甚至 上 百 次 地 重复 使 用 某 个 关键 字 或 关键 短语 ,结果 自然 会 使 网 站 的 排名 下 
降 或 是 彻底 被 搜索 引擎 屏蔽 。 

关键 字 堆 砌 是 又 一 种 应 该 避免 的 黑 帽 SEO 技术 。 为 了 避免 在 不 经 意 的 情况 下 触及 关键 字 堆 
砌 的 红线 ,在 选择 关键 字 时 需要 格外 小 心 在 网 站 或 是 网 站 的 元 标签 中 放置 关键 字 时 也 要 小 心 。 
只 有 在 必要 的 时 候 才 使 用 关键 字 。 如 果 没 有 必要 , 就 不 要 为 了 提升 网 站 排名 而 使 用 关键 字 ， 那 
样 最 终 后 果 必 然 是 事与愿违 。 


13.5 SEO 的 问题 和 解决 方法 








SEO 实施 肯定 都 会 遇 到 名 式 各 样 的 问题 。 有些 问题 并 不 会 带 来 大 麻烦 ， 比 如 关键 字 和 元 标 
签 过 期 ， 但 有 些 问 题 则 会 对 SEO 造成 严重 的 影响 。 


13.5.1 网 站 被 屏蔽 


网 站 被 搜索 引擎 (尤其 是 Google) 屏蔽 应 该 是 最 让 人 头疼 的 问题 了 。 如 果 网 站 的 客户 和 销 
售 都 依赖 于 网 站 在 搜索 引擎 中 的 排名 , 那么 网 站 被 搜索 引擎 屏蔽 无 疑 是 一 场 灭 项 之 灾 。 就 算 只 
是 被 搜索 引擎 屏蔽 一 天 , 所 带 来 的 损失 都 是 不 可 估量 的 ,更 何况 同时 损失 的 还 有 客户 的 忠诚 度 。 

尽管 关于 网 站 被 搜索 引擎 屏蔽 的 情况 屡见不鲜 , 但 实际 上 这 种 情况 很 少 发 生 。 只 有 很 严重 
的 作 浆 行为 (例如 动态 网 页 、 关 键 字 堆砌 或 其 他 的 黑 帆 SEO 技术 ) 才 会 导致 网 站 被 屏蔽 。 

如 果 突 然 有 一 天 在 搜索 引擎 的 搜索 结果 中 找 不 到 自己 的 网 站 , 怎么 办 ? 首先 要 确认 网 站 是 
不 是 真 的 被 搜索 引擎 屏蔽 。 可 以 在 Google 上 搜索 这 个 字符 串 : www. 你 的 网 站 域名 .com， 如 果 
网 站 还 在 Google 的 索引 数据 库 中 , 那 就 能 在 搜索 结果 中 看 到 网 站 中 的 几 个 网 页 , 说 明 网 站 没有 
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被 屏蔽 ; 如 果 在 搜索 结果 中 没有 看 到 自己 网 站 中 的 任何 页 面 ， 那 就 很 有 可 能 是 被 屏蔽 了 。 最 好 
的 解决 方法 就 是 马上 发 一 封 电 子 邮 件 给 搜索 引擎 。 


13.5.2 ”内 容 被 列 窃 


在 SEO 过 程 中 很 有 可 能 会 遇 到 的 另 一 个 问题 就 是 网 站 内 容 被 慢 窍 。 网 站 内 容 旨 窃 通常 都 是 
利用 旨 窃 机 器 人 〈scraper bot) 实 现 的 。 列 窃 机 器 人 也 会 查看 网 站 的 XML 网 站 地 图 ， 如 果 找 到 
了 网 站 地 图 ， 其 收集 网 站 内 容 就 更 容易 了 。 这 就 跟前 面 说 过 的 SEO 策略 产生 了 了 矛盾 。 

即使 没有 XML 网 站 地 图 ， 机 器 人 也 能 从 网 站 上 窃取 内 容 ， 但 难度 将 会 增加 。 因 此 ， 如 果 
担心 网 站 内 容 被 得 窃 ， 就 不 要 使 用 XML 网 站 地 图 。 在 部 分 情况 下 这 确实 有 效 ， 但 对 于 部 分 网 
站 ，XML 网 站 地 图 是 确保 网 站 中 各 个 页 面 被 正确 检索 所 必需 的 。 

如 果 XML 网 站 地 图 是 网 站 被 搜索 引擎 索引 所 必 不 可 少 的 ， 那 也 可 以 在 网 站 被 检索 之 后 就 
将 其 删除 。 查 看 服务 器 的 日 志文 件 就 能 知道 网 站 是 否 已 经 被 检索 。 在 日 志 中 应 该 能 看 到 对 
robots.txt 文 件 的 请 求 。 在 这 个 请 求 中 就 应 该 能 看 到 请 求 网 站 地 图 的 爬虫 的 名 称 。 如 果 找 到 了 目 
标 搜 索引 擎 的 候 虫 ， 就 可 以 将 XML 网 站 地 图 删除 。 但 要 记 住 ,这 只 是 增加 了 内 容 列 窃 的 难度 ， 
但 并 不 能 完全 阻止 这 种 行为 。 


13.5.3 点 击 欺诈 


点 击 欺诈 问题 已 经 基本 上 得 到 了 解决 ， 但 还 是 有 必要 简要 地 介绍 一 下 。 点 击 欺诈 是 SEO 
中 最 棘手 的 问题 , 最 大 的 难点 就 在 于 这 种 行为 很 难 控制 。 如 果 怀 疑 自 己 的 竞价 排名 广告 已 经 成 
为 点 击 欺诈 的 对 象 ， 就 应 该 立即 联系 你 的 竞价 排名 服务 提供 商 。 

不 仅仅 是 点 击 欺诈 ， 还 有 很 多 问题 都 会 提高 SEO 的 成 本 。 无 论 是 不 小 心 的 SEO 作 浆 行为 ， 
还 是 本 章 中 列 出 的 各 种 问题 , 这些 麻 烦 随 时 都 有 可 能 发 生 。 但 仅仅 只 是 有 可 能 ， 发 生 的 概率 还 
是 很 小 的 ， 至 少 比 你 想象 得 小 。 

保护 自己 的 最 好 方法 就 是 完全 根据 搜索 引擎 或 分 类 目录 所 制定 的 规则 来 实施 SEO.。 不 要 使 
用 黑 帽 SEO 手段 ， 尽 可 能 地 熟悉 各 项 SEO 工作 。 











